浮动float:right/left
1).子级浮动导致父级高度塌陷
【解决方法:1.设置宽高 2.“BFC” 3.overflow:hidden】
2.浮动的包裹性
【块元素浮动后效果只包裹到内容区域】
3.行内元素设置浮动后改变了display属性,可以设置宽高
4.元素浮动不会穿过padding区域,只会保留在内容区域内
5.水平方向的margin值不会重叠
6.浮动会脱离文档流影响别的元素
时间: 2024-10-12 08:47:49
浮动float:right/left
1).子级浮动导致父级高度塌陷
【解决方法:1.设置宽高 2.“BFC” 3.overflow:hidden】
2.浮动的包裹性
【块元素浮动后效果只包裹到内容区域】
3.行内元素设置浮动后改变了display属性,可以设置宽高
4.元素浮动不会穿过padding区域,只会保留在内容区域内
5.水平方向的margin值不会重叠
6.浮动会脱离文档流影响别的元素