码迷,mamicode.com
首页 > 其他好文 > 详细

关于浮动元素对父元素高度的影响

时间:2017-07-27 15:49:57      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:color   class   code   页面   box   splay   方法   blog   使用   

css浮动会使子元素脱离文档流,有些情况下会使其父元素失去高度,从而影响页面的整体布局。

解决的办法就是:使用浮动之后,记得清除浮动,

下面是几种清除浮动的方法:

第一种:

父元素:after{
   content:"";
    height:0;
    visibility:hidden;
    display:block;
    clear:both;
}

第二种:

<div class="box">
    <div class="top"></div>
    <br clear="both" /><!--利用br标签清除浮动-->
</div>

清除浮动的方法还有许多,就不一一列出了。

关于浮动元素对父元素高度的影响

标签:color   class   code   页面   box   splay   方法   blog   使用   

原文地址:http://www.cnblogs.com/Mrrabbit/p/7244787.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!