html – Float:left打破容器div?

前端之家收集整理的这篇文章主要介绍了html – Float:left打破容器div?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个模式框,我试图把两列放在一起,我通过分配float:左到一个div(.center-columnb)和一个float:right到.map-column.
然而,会发生什么,但是“center-columnb”会以灰色渐变背景打破容器div,就好像这个div被放置在该容器div下面(注意灰色部分底部的圆角,这意味着在div的底部.
当我从style.css中删除float:left centercolumnb时,一切都可以,除了右边的列不再停留在那里.有谁有任何可以帮助我的替代品?谢谢 :)

解决方法

您拥有#contentholder的父div,但此时它不包含其中的浮点数.默认情况下,浮动元素从文档流中取出,任何父div都将折叠.为了使它包含在其中的浮动,你需要给它一个overflow属性.这应该是诀窍:
#contentholder {
    overflow: auto;
}

猜你在找的HTML相关文章