浮动的排序规则


浮动的排序规则

  • 相同方向的浮动元素,先浮动的显示在前面
  • 不同方向的浮动元素,左浮找左浮,右浮找右浮
  • 浮动元素浮动之后的位置,由浮动元素浮动之前在标准流中的位置来决定
  • 贴靠现象:如果浮动的最后一个元素超过了父元素的宽度,会自动找上一个元素贴过去,如果宽度还是不够,继续找上一个~如果父元素宽度还是不够的话,那就只能凑合呆着了
  • 图文混排

清除浮动的关键字是clear,语法;clear;none |left |right |both

none:默认值。允许两边都可以有浮动对象

left:不允许左边有浮动对象

right:不允许右边有浮动对象

both:不允许有浮动对象对于CSS的清除浮动(clear)

一定要牢记;这个规则只能影响使用清除的元素本身,不能影响其他元素。

清除浮动只是改变元素的排列方式,浮动之后横着排,清除某一个元素之后,该元素会竖着排

相关