今天的你不一样的风采，明天的你不知未来，珍惜当下，“且行且珍惜”···········
来看看今天的小知识点吧!
浮动:布局的，搭架子
float特性:
1.float是有方向的
2.尽可能的往上飘
3.脱离文档流,设置浮动之后，会影响后面的元素
4.宽度不够会掉下来。
5.浮动后，如果没有设置宽度。宽度会尽可能的窄。窄到内容的宽度。
6.行元素会变成块元素,可以设置宽高
7.文本环绕
浮动三要素:
用浮动的时候一定要注意的东西。
a).同级元素设置了浮动，其他也要设置
b).浮动后，尽量的设置宽
c).设置浮动后，一定要清除浮动
清除浮动
1. clear:
a )left 左浮动清除
b)right 右浮动清除
c)both 左右都清除
在最后加一个元素，给元素加clear样式。
不推荐：有瑕疵
2. overflow: hidden;
除了溢出隐藏，还可以清除浮动
给父级添加overflow:hidden;样式
有瑕疵，需要注意,如果有会超出父级的东西，那就不能用了。
3. clearfix
完美解决清除浮动问题
.clearfix:after{
content: '';
display: block;
clear: both;
}
.clearfix{
zoom: 1; //兼容ie6
}
网友评论