接css中关于盒子模型与层模型的理解与应用(二)
没有父元素时如何清除
有时候,在清除某些浮动元素时,不一定正好有那么个父元素可以作为容器来强行
包围它们。此时,最简单的办法就是给一个浮动元素应用 clear:both ,强迫它定位
在前一个浮动元素下方。但是如果在空间足以容纳多个元素向上浮动时,这个简单的
办法未必奏效,我们还得另辟蹊径。
如:
img{
float:left;
clear:both;
}
img{
float:left;
}
p:after {
content:".";
display:block;
height:0;
visibility:hidden;
clear:both;
}
相当与在p的后面加了一个高度为0的元素,由于clear both 所以要换行到图片的下面…