当先锋百科网

首页 1 2 3 4 5 6 7

子div用了float浮动之后,就不会撑开父元素,如果想要撑开父元素可以使用清除浮动。


一.clear:both清除浮动

在最后一个段落下面添加一个空元素并清理它。

<div style="clear:both">

这里写图片描述
清除浮动之前:
清除浮动之前
清除浮动之后:
清除浮动之后

二.overflow属性清除浮动

在父元素CSS中添加overflow:hidden也可以清除浮动。
这里写图片描述

三.缺点

clear:both会添加一行空元素。
overflow:hidden会隐藏任何超出容器的边界的内容。