浮动问题

原创 前端工程师_钱成 随笔 CSS3效果 73阅读 2019-05-23 10:22:03 举报

1、块级元素A及其内部的块级元素B的默认宽度是100%;A使用了float后,B的宽度为B实际需要的宽度,A的宽度由B决定;B使用了display:inline-block后,B的宽度为B实际需要的宽度,A的宽度仍为100%。
2、块级元素A不浮动,不设置宽高宽,其内部块级元素B浮动,会引发A塌陷。
3、清除浮动
情形:父元素不浮动,子元素浮动,引发父元素塌陷。
解决1:父元素也浮动
解决2:父元素固定高
解决3:父元素增加伪类元素,清除浮动
解决4:父元素overflow:hidden
解决5:父元素overflow:auto
解决6:父元素display:table
解决7:父元素内部最后增加一个空元素,样式为clear:both

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复