解决列高度自适应(列高度相同)的五种方法

2022-07-15 80酷酷网 80kuku.com

　　解决|自适应

1.背景图填充
这是使用最广泛的一种做法，无hacks，推荐使用：

2.采用脚本控制列的高度（一）
需要事先知道哪列的高度，以此为基准用脚本控制。

document.getElementById("sideleft").style.height=document.getElementById("sideright").scrollHeight+"px"
上面的代码是以sideright的基准高度来控制sideleft的高度。

代码简单，但比较被动：

<!DOCTYPE html PUBLIC "-//W3C//DTD 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Equal height(使用JS实现列高度相同的方法)</title><style type="text/css">body{ padding: 0; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 140%; text-align: center; background:#E7DFD3;}#wrap{ width: 750px; margin: 0 auto; /*overflow: hidden;* <br><br> <p></p> </div> </article><div class='kePublic'><div id="dsds888" style='display:none'></div><div class='clearfix'></div> <div class='gb_resLay'> <div class='gb_res_t'><span>分享到</span><i></i></div> <div class='bdsharebuttonbox'> <ul class='gb_resItms'> <li><a title='分享到微信' href='javascript:;' style='background: url(/a/images/gbRes_2.png) no-repeat center center/60px 60px;' onclick='wxfx118();'></a>微信分享</li> <li><a title='分享到新浪微博' href='javascript:;' style='background: url(/a/images/gbRes_6.png) no-repeat center center/60px 60px;' onclick='wbfx118()'></a>新浪微博</li> <li><a title='分享到QQ好友' href='javascript:;' style='background: url(/a/images/gbRes_3.png) no-repeat center center/60px 60px; ' onclick="hyfx118()"></a>QQ好友</li> <li><a title='分享到QQ空间' href='javascript:;' style='background: url(/a/images/gbRes_4.png) no-repeat center center/60px 60px;' onclick="qqfx118()" ></a>QQ空间</li> </ul> </div> </div> <div class='clearfix'></div></div> <div class='clearfix'></div> <div class="prev-next sb br mb clearfix"> <p class="post-prev fl ellipsis"> <span class="prev iconfont icon-toleft">上一篇</span><strong><a href='/itzs/50609.shtml' title='使用 CSS 创建固定宽度的布局'>使用 CSS 创建固定宽度的布局</a> </strong> </p> <p class="post-next fr ellipsis"> <span class="next iconfont icon-toright">下一篇</span><strong><a href='/itzs/50611.shtml' title='CSS：background-position的妙用'>CSS：background-position的妙用</a> </strong> </p> </div> <div class="related-art sb br mb"> <p class="c-title"><span class="name">相关文章</span></p> <ul class="ul clearfix"> <article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/46837.shtml" title="实用javaScript技术总结(1):屏蔽类" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="/a/images/defaultpic.gif" alt="实用javaScript技术总结(1):屏蔽类"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/46837.shtml" title="实用javaScript技术总结(1):屏蔽类" target='_blank'>实用javaScript技术总结(1):屏蔽类</a></h2> <p class="intro hidden-sm">... <a href="/itzs/46837.shtml" title="实用javaScript技术总结(1):屏蔽类" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>07-15</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/300730.shtml" title="为什么湿疹会很疼(长湿疹会疼吗)" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="http://file.wbgxw.com/UpLoad/20220805/1644523346cgbjlx.jpg" alt="为什么湿疹会很疼(长湿疹会疼吗)"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/300730.shtml" title="为什么湿疹会很疼(长湿疹会疼吗)" target='_blank'>为什么湿疹会很疼(长湿疹会疼吗)</a></h2> <p class="intro hidden-sm">... <a href="/itzs/300730.shtml" title="为什么湿疹会很疼(长湿疹会疼吗)" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>08-05</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/279402.shtml" title="煎饼怎么做(制作煎饼的方法)" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="http://file.wbgxw.com/UpLoad/20220805/1637781167em8wiv.jpg" alt="煎饼怎么做(制作煎饼的方法)"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/279402.shtml" title="煎饼怎么做(制作煎饼的方法)" target='_blank'>煎饼怎么做(制作煎饼的方法)</a></h2> <p class="intro hidden-sm">... <a href="/itzs/279402.shtml" title="煎饼怎么做(制作煎饼的方法)" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>08-05</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/48441.shtml" title="常用的HTML标签和属性" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="/a/images/defaultpic.gif" alt="常用的HTML标签和属性"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/48441.shtml" title="常用的HTML标签和属性" target='_blank'>常用的HTML标签和属性</a></h2> <p class="intro hidden-sm">... <a href="/itzs/48441.shtml" title="常用的HTML标签和属性" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>07-15</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/49698.shtml" title="滚动字幕制作手册" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="/a/images/defaultpic.gif" alt="滚动字幕制作手册"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/49698.shtml" title="滚动字幕制作手册" target='_blank'>滚动字幕制作手册</a></h2> <p class="intro hidden-sm">... <a href="/itzs/49698.shtml" title="滚动字幕制作手册" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>07-15</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/38855.shtml" title="PHPCMS开发文档里看到PHP编码规范" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="/a/images/defaultpic.gif" alt="PHPCMS开发文档里看到PHP编码规范"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/38855.shtml" title="PHPCMS开发文档里看到PHP编码规范" target='_blank'>PHPCMS开发文档里看到PHP编码规范</a></h2> <p class="intro hidden-sm">... <a href="/itzs/38855.shtml" title="PHPCMS开发文档里看到PHP编码规范" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>07-15</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/25524.shtml" title="研究 Java 中 XML 文档模型的特性和性能" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="http://file.wbgxw.com/UpLoad\20100705\re_201007051317159599.gif" alt="研究 Java 中 XML 文档模型的特性和性能"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/25524.shtml" title="研究 Java 中 XML 文档模型的特性和性能" target='_blank'>研究 Java 中 XML 文档模型的特性和性能</a></h2> <p class="intro hidden-sm">... <a href="/itzs/25524.shtml" title="研究 Java 中 XML 文档模型的特性和性能" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>07-15</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/29635.shtml" title="C#设计带图标和自定义颜色的ListBox" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="/a/images/defaultpic.gif" alt="C#设计带图标和自定义颜色的ListBox"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/29635.shtml" title="C#设计带图标和自定义颜色的ListBox" target='_blank'>C#设计带图标和自定义颜色的ListBox</a></h2> <p class="intro hidden-sm">... <a href="/itzs/29635.shtml" title="C#设计带图标和自定义颜色的ListBox" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>07-15</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/284833.shtml" title="筱字怎么读(筱姓氏怎么读)" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="http://file.wbgxw.com/UpLoad/20220805/1640567588tbq5n7.jpg" alt="筱字怎么读(筱姓氏怎么读)"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/284833.shtml" title="筱字怎么读(筱姓氏怎么读)" target='_blank'>筱字怎么读(筱姓氏怎么读)</a></h2> <p class="intro hidden-sm">... <a href="/itzs/284833.shtml" title="筱字怎么读(筱姓氏怎么读)" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>08-05</time> </p> </div> </article><article class="article-list sb clearfix"> <figure class="figure fl br"> <a class="thumbnail" href="/itzs/288190.shtml" title="贷款平台哪个靠谱(有哪些贷款平台比较靠谱)" target='_blank'> <img class="img-cover br lazyload" src="/a/images/defaultpic.gif" data-original="http://file.wbgxw.com/UpLoad/20220805/1641332795nfqukr.jpg" alt="贷款平台哪个靠谱(有哪些贷款平台比较靠谱)"> </a> </figure> <div class="content"> <h2 class="title ellipsis m-multi-ellipsis"><a href="/itzs/288190.shtml" title="贷款平台哪个靠谱(有哪些贷款平台比较靠谱)" target='_blank'>贷款平台哪个靠谱(有哪些贷款平台比较靠谱)</a></h2> <p class="intro hidden-sm">... <a href="/itzs/288190.shtml" title="贷款平台哪个靠谱(有哪些贷款平台比较靠谱)" target='_blank'>详细>></a></p> <p class="data clearfix"> <a class="cate fl br" href="./" target="_blank"><i class="iconfont icon-cate"></i>IT知识</a> <time class="time fl font-oswald" > <i class="iconfont icon-time"></i>08-05</time> </p> </div> </article> </ul> </div> </div> <aside id="sidebar" class="hidden-sm-md-lg fr"> <div class="theiaStickySidebar"> <section id="aside_new" class="widget widget_aside_new sb br mb"> <p class="c-title mb"><span class="name">热门文章</span></p> <ul class="widget-content aside_new"> <li class="list clearfix"><a href="/jksh/156566.shtml" title="窗户轨道里的垃圾怎样清除(窗户轨道槽清理技巧)" target='_blank'><span class="img-wrap br"><img src="/a/images/defaultpic.gif" alt="窗户轨道里的垃圾怎样清除(窗户轨道槽清理技巧)" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">窗户轨道里的垃圾怎样清除(窗户轨道槽清理技巧)</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i><span class="font-oswald">07-23</span></span><span class="view"><i class="iconfont icon-cate"></i><span class="font-oswald">健康生活 </span></span></div> </div> </a></li><li class="list clearfix"><a href="/cylc/342772.shtml" title="剪刀哪里卖(剪刀大全)" target='_blank'><span class="img-wrap br"><img src="http://file.wbgxw.com/UpLoad/20220805/1645679589hpn7xg.jpg" alt="剪刀哪里卖(剪刀大全)" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">剪刀哪里卖(剪刀大全)</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i><span class="font-oswald">08-05</span></span><span class="view"><i class="iconfont icon-cate"></i><span class="font-oswald">创业理财 </span></span></div> </div> </a></li><li class="list clearfix"><a href="/yyzt/111898.shtml" title="优秀男人必须面对的十大无奈" target='_blank'><span class="img-wrap br"><img src="/a/images/defaultpic.gif" alt="优秀男人必须面对的十大无奈" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">优秀男人必须面对的十大无奈</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i><span class="font-oswald">07-17</span></span><span class="view"><i class="iconfont icon-cate"></i><span class="font-oswald">影音杂谈 </span></span></div> </div> </a></li><li class="list clearfix"><a href="/itzs/42695.shtml" title="防止错误" target='_blank'><span class="img-wrap br"><img src="http://file.wbgxw.com/UpLoad\20100704\re_201007042011416187.jpg" alt="防止错误" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">防止错误</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i><span class="font-oswald">07-15</span></span><span class="view"><i class="iconfont icon-cate"></i><span class="font-oswald">IT知识 </span></span></div> </div> </a></li><li class="list clearfix"><a href="/itzs/48701.shtml" title="图例分析outerHTML的用法" target='_blank'><span class="img-wrap br"><img src="http://file.wbgxw.com/UpLoad\20100705\re_201007051113356368.jpg" alt="图例分析outerHTML的用法" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">图例分析outerHTML的用法</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i><span class="font-oswald">07-15</span></span><span class="view"><i class="iconfont icon-cate"></i><span class="font-oswald">IT知识 </span></span></div> </div> </a></li> </ul> </section> <section id="divTags" class="widget widget_tags sb br mb"> <p class="c-title mb"><span class="name">随机推荐</span></p> <ul class="widget-content divTags"> <li><a href="/jycs/134875.shtml" title="1928年7月17日共产国际六大召开" target='_blank'>1928年7月17日共产国际六大召开</a></li><li><a href="/cylc/99935.shtml" title="南京三大行业供需两旺 HR人才走俏才市" target='_blank'>南京三大行业供需两旺 HR人才走俏才市</a></li><li><a href="/jycs/265079.shtml" title="王琪歌手（王琪成名曲）" target='_blank'>王琪歌手（王琪成名曲）</a></li><li><a href="/jycs/130971.shtml" title="1936年4月28日16岁的法鲁克继承埃及王位" target='_blank'>1936年4月28日16岁的法鲁克继承埃及王位</a></li><li><a href="/tstx/222380.shtml" title="when while区别（初中when和while的用法）" target='_blank'>when while区别（初中when和while的用法）</a></li><li><a href="/jksh/199354.shtml" title="数码知识：索尼WI-SP600N耳机怎么查看电量耳机检查剩余电量方法" target='_blank'>数码知识：索尼WI-SP600N耳机怎么查看电量耳机检查剩余电量方法</a></li><li><a href="/jksh/202709.shtml" title="数学知识:kind of的同义短语" target='_blank'>数学知识:kind of的同义短语</a></li><li><a href="/jycs/114911.shtml" title="2月7日生日书" target='_blank'>2月7日生日书</a></li><li><a href="/yyzt/140996.shtml" title="皖鱼和草鱼的区别" target='_blank'>皖鱼和草鱼的区别</a></li><li><a href="/jksh/204936.shtml" title="高安元青花（高安这座博物馆，竟然馆藏如此多的元青花？）" target='_blank'>高安元青花（高安这座博物馆，竟然馆藏如此多的元青花？）</a></li><li><a href="/tstx/247233.shtml" title="歌曲美酒加咖啡（美酒加咖啡，一杯再一杯）" target='_blank'>歌曲美酒加咖啡（美酒加咖啡，一杯再一杯）</a></li><li><a href="/tstx/210295.shtml" title="生活小发明（日常生活中的20个超实用发明）" target='_blank'>生活小发明（日常生活中的20个超实用发明）</a></li><li><a href="/itzs/19566.shtml" title="网络公司开展网站建设业务流程" target='_blank'>网络公司开展网站建设业务流程</a></li><li><a href="/jycs/9651.shtml" title="06广州车展10种必看车型" target='_blank'>06广州车展10种必看车型</a></li><li><a href="/tstx/15632.shtml" title="民族部落风穿搭" target='_blank'>民族部落风穿搭</a></li><li><a href="/yyzt/184191.shtml" title="砗磲是什么，这两个字怎么念？(於字怎么读)" target='_blank'>砗磲是什么，这两个字怎么念？(於字怎么读)</a></li><li><a href="/jksh/195893.shtml" title="数码知识：vivox50pro+可以无线充电吗支持无线充电吗" target='_blank'>数码知识：vivox50pro+可以无线充电吗支持无线充电吗</a></li><li><a href="/yyzt/146262.shtml" title="手机屏幕一半颜色深一半浅-原因须知" target='_blank'>手机屏幕一半颜色深一半浅-原因须知</a></li><li><a href="/jycs/266196.shtml" title="振动分析（压路机故障和排除之振动系统）" target='_blank'>振动分析（压路机故障和排除之振动系统）</a></li><li><a href="/cylc/81114.shtml" title="教你如何赚“懒人嘴上”的钱" target='_blank'>教你如何赚“懒人嘴上”的钱</a></li><li><a href="/yyzt/142062.shtml" title="寻找诸神的网站,南印，如何寻找诸神之地？" target='_blank'>寻找诸神的网站,南印，如何寻找诸神之地？</a></li><li><a href="/jycs/128119.shtml" title="1935年1月15日遵义会议召开" target='_blank'>1935年1月15日遵义会议召开</a></li><li><a href="/yyzt/147646.shtml" title="个人如何理财(怎么样理财才能让钱生钱)" target='_blank'>个人如何理财(怎么样理财才能让钱生钱)</a></li><li><a href="/itzs/47590.shtml" title="JScript 运算符优先级" target='_blank'>JScript 运算符优先级</a></li><li><a href="/tstx/242367.shtml" title="关于科技的知识（事业单位科技知识）" target='_blank'>关于科技的知识（事业单位科技知识）</a></li><li><a href="/yyzt/312172.shtml" title="数码知识：荣耀30s跑分多少手机性能跑分是多少" target='_blank'>数码知识：荣耀30s跑分多少手机性能跑分是多少</a></li><li><a href="/tstx/230425.shtml" title="宽带升级（移动宽带免费提速活动）" target='_blank'>宽带升级（移动宽带免费提速活动）</a></li><li><a href="/jycs/4006.shtml" title="唐家山抢险遭遇强降雨大雨致水位上涨1.5米" target='_blank'>唐家山抢险遭遇强降雨大雨致水位上涨1.5米</a></li><li><a href="/jksh/156003.shtml" title="视频美颜软件（有免费视频美颜软件吗）" target='_blank'>视频美颜软件（有免费视频美颜软件吗）</a></li><li><a href="/yyzt/185325.shtml" title="世界10大保险公司排名(保险公司十大排名是哪几家)" target='_blank'>世界10大保险公司排名(保险公司十大排名是哪几家)</a></li> </ul> </section> </div> </aside></div><script type="text/javascript">if($(".art-content").length>0){ $(".art-content img").each(function () { $(this).attr("data-original",$(this).attr("src")); $(this).attr("onclick","window.open($(this).attr('src'),'_blank','','true');"); $(this).css('cursor','pointer'); $(this).attr("title", "点击放大查看源图"); $(this).attr("src", "/a/images/imgloadimgload.gif"); $(this).lazyload(); });}</script><footer class="footer"> <div class="flink container sb mb"> <ul id="flink" class="f-list clearfix"> <li class="title">友情链接：</li> <li><a href='http://www.cssqt.com/' target='_blank'>长沙社区通</a></li> </ul> </div> <div class="main container"> <div class="f-about"> <small>80酷酷网是一个集80后网上创业娱乐学习的网站力争打造国内80后网上创业娱乐第一品牌</small> </div> <div class="f-diy"><small></small></div> <div class="clear"></div> </div> <div id="toolbar" class="toolbar "> <div id="totop" class="btn hidden"> <i class="iconfont icon-totop"></i> </div> </div></footer><div id="mask-hidden" class="mask-hidden transition"></div><script type="text/javascript" src="/a/images/common.js"></script> <script type="text/javascript" src="/a/images/js.js" ></script> <div class='pyqcenter' id="pyqcenter" style='display:none'> <p style='text-align:center;padding-top:10px;font-weight:bold;color:#fff;font-size:18px'>微信扫一扫分享朋友圈 <span style='color:red;cursor:pointer' onclick='document.getElementById("pyqcenter").style.display = "none";'>关闭</span></p> <p id='qrcodepyq' style='width:300px; height:300px; margin:15px;'></p></div><div id="mcover0" onClick="document.getElementById('mcover0').style.display='none';" style='display:none'><img src="/a/images/tishi.png"></div><div id="mcover1" onClick="document.getElementById('mcover1').style.display='none';" style='display:none'><img src='/a/images/guidewxf.png' id="mcover1_img"> </div><div id="mcover2" onClick="document.getElementById('mcover2').style.display='none';" style='display:none'><img src="/a/images/wxPng.png"></div><div id="mcover3" onClick="document.getElementById('mcover3').style.display='none';" style='display:none'> <img src='/a/images/guidewxf-2.png' id="mcover3_img"></div><span style='display:none'>点击：<script src='/a/Hids.ashx?ColumnID=6&ID=50610'></script></span><script type="text/javascript">qrcodepyq(utf16to8(httpweburl));getds(IsHandpick);</script><script type="text/javascript">$(function(){$("img.lazyload").lazyload();});</script></body></html>