1浮动特点
浮动 1:多个块级元素想同行显示:每个块级元素都要加浮动而不是第一个不需要加; 2:块级元素相同行显示就脱离了快级元素的显示特点不再表现为独占一行,现实特点和行级元素类似 占用的实际大小和内容有关 3:标准盒子模型中的内容不会被浮动盒子影响显示,会正常显示文本。 4:在浮动元素的后面添加非浮动元素并给这个非浮动元素添加clean属性可以实现清除浮动带来的影响 5:上面的方法会存在一个新增无关严肃的小问题,更好的处理方法是给浮动元素的父元素添加after伪类 通过伪类给父元素添加一个无关元素然后清除浮动
2.清除浮动
cleanfix 专为清除浮动设置的类(名称不可更改)
.cleanfix:after{/*清除浮动的伪类*/ display: block; content:""; clear: both; }
讲此类放入需清除浮动的元素的父元素内即可(class=“cleanfix”)