CSS基础：盒子模型与浮动清除技巧精讲.pdfVIP

第七天内容

一.清除浮动

浮动对页面的影响：

如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子

在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0，下

面的元素会自动补位，所以这个时候要进行浮动的清除。

float:left;float:right;

清除浮动：clear:both;

１使用额外法：

在浮动的盒子之下再放一个，在这个中使用clear:both，来清除

浮动对页面的影响。

a.：会将这个浮动盒子的父盒子高度重新撑开

b.外部：会将这个浮动盒子的影响清除，但是不会撑开父盒子。

注意：一般情况下不会使用这式来清除浮动。因为这种清除浮动

的方式会增加页面的。

２使用overflow属性来清除浮动：

先找到浮动盒子的父元素，再在父元素中添加一个属