浮动后面的div块位置总是不对-清除浮动
在做CSS项目的时候,用ul做的第一个div,下面的copyright是另一个div,给ul>li设置了左浮动,但是copyright里的地址那一块位置总是不对,想着上面也是一个div,下面也是一个div,都是块级元素,怎么会出现这种情况呢?
后来想起浮动的盒子会影响后面的标准流,而且这里父盒子没有给高度,所以就想到用伪元素清除浮动来解决这个问题:
/* 清除浮动 */
.clearfix:after {
visibility: hidden;
clear: both;
display: block;
content: ".";
height: 0;
}
然后在ul里加上类:
<ul class="clearfix">
这样问题就解决啦!