合肥市高新区长江西路与科学大道交口5F创业园A座309
136 5560 1775

如何使div自动适应高度?

发表日期:2010-06-01 浏览次数:3126次

<style>
.clearfix{zoom:1;}/*自己给自己以及它的子元素定位;自己计算自己的高度不过最新的ie和ff以及别的浏览器好像不用它也可以触发了 ie6下好像是需要
*/
/*.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }/*或下面方法*/
.clearfix:after { content: "020"; display: block; height: 0; clear: both; }
#container { background:black;}
#lay1 { background:red; width:100px; float:left}
#lay2 { background:blue; width:200px; height:50px; float:left}
</style>

<div id="container" class="clearfix ">container
     <div id="lay1">content</div>
     <div id="lay2">contenet2</div>
</div>


将文章分享到:

版权所有:启迈科技-合肥网站建设 皖ICP备19009304号-1 皖公网安备 34010402702162号

网站建设,网站设计公司启迈科技,为众多企业提供网站建设,网站制作,响应式网站设计,手机网站建设,微网站,模板建站,企业邮箱等一站式互联网解决方案和建站服务10年。