html – Float:left打破容器div?

html – Float:left打破容器div?,第1张

概述我有一个模式框,我试图把两列放在一起,我通过分配float:左到一个div(.center-columnb)和一个float:right到.map-column. 然而,会发生什么,但是“center-columnb”会以灰色渐变背景打破容器div,就好像这个div被放置在该容器div下面(注意灰色部分底部的圆角,这意味着在div的底部. 当我从style.css中删除float:left cen @H_301_0@我有一个模式框,我试图把两列放在一起,我通过分配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 – Float:left打破容器div?全部内容,希望文章能够帮你解决html – Float:left打破容器div?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1143372.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存