1.浮动:
(float) left|right(左浮动/右浮动)
浮动元素会脱标
2.浮动(脱标特点):
1) 不在占用标准文档流的位置;
2) 浮动元素会互相贴靠;但是父元素的宽度不足以放子元素的时候,子元素就会折行。
(给父元加一个足够的高度就能避免折行)
3)字围现象
3.浮动会导致元素崩塌
如果父元素没有高度,子元素浮动的时候,就不能再撑高父元素。
(给父元素加高度)
4.清除浮动:就是 浮动对其他元素造成的影响。
常见的清除浮动的方式:
1)给父元素加高度;
2)使用overflow属性。
5.overflow:设置元素内容超出部分的f方式:
1.hidden:隐藏
2.scroll:滚动条
3.auto:滚动条
4.visible:默认不对超出部分作处理
5.inherit:继承父元素
6.clear:清除:
常见的值:
1.both:指的是左右浮动都要清除(清除别的元素对我的影响)
2.left:在元素的左侧不允许有浮动;
3.right:在元素的右侧不允许有浮动;
4.none:默认值,允许元素的左右两边出现浮动