CSS基础知识整理四

CSS浮动：





CSS清除浮动：

为什么要清除浮动呢？

因为当一个元素使用浮动后他自己本身会跳出它的父元素，这时候如果它的父元素没有设置固定的高那么它的父元素会因为它自己本身的浮动而不会自动伸高来闭合浮动元素，所以在浮动后我们要给他的父元素清除浮动。

方法一：height;

给父元素设置高度height

不过此方法有一个缺点，那就是父元素必须是固定高度，不随内容高度自适应高度。

方法二：clear:both; 在父级</div>结束前加入一个div 设定class="clear";

<div class="divcss">
<div class="divcss-left">left浮动</div>
<div class="divcss-right">right浮动</div>
<div class="clear"></div>
</div>

在css样式中定义clear:"both" 父元素可清除浮动即

.clear{ clear:both}

方法三：overflow:auto;

如上述代码，直接给父元素div定义overflow:auto; 父元素即可清除浮动

.divcss{overflow:auto}