浮动问题
Posted gushixianqiancheng
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了浮动问题相关的知识，希望对你有一定的参考价值。
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
以上是关于浮动问题的主要内容，如果未能解决你的问题，请参考以下文章