浮动的排序规则
浮动的排序规则
- 相同方向的浮动元素,先浮动的显示在前面
- 不同方向的浮动元素,左浮找左浮,右浮找右浮
- 浮动元素浮动之后的位置,由浮动元素浮动之前在标准流中的位置来决定
- 贴靠现象:如果浮动的最后一个元素超过了父元素的宽度,会自动找上一个元素贴过去,如果宽度还是不够,继续找上一个~如果父元素宽度还是不够的话,那就只能凑合呆着了
- 图文混排
清除浮动的关键字是clear,语法;clear;none |left |right |both
none:默认值。允许两边都可以有浮动对象
left:不允许左边有浮动对象
right:不允许右边有浮动对象
both:不允许有浮动对象对于CSS的清除浮动(clear)
一定要牢记;这个规则只能影响使用清除的元素本身,不能影响其他元素。
清除浮动只是改变元素的排列方式,浮动之后横着排,清除某一个元素之后,该元素会竖着排