html – 内部左浮动div不会垂直扩展容器div
发布时间:2020-12-14 21:20:37 所属栏目:资源 来源:网络整理
导读:我有一个具有以下属性的容器div: #cat_container{margin:0;padding:5px;border:1px solid red;min-height:200px;} 里面有多个左浮动div。问题是它们不会强制包含div向下扩展,而只是重叠并继续在容器div的边界之外。 左浮动div: .cat_wrap{border: 1px sol
我有一个具有以下属性的容器div:
#cat_container{ margin:0; padding:5px; border:1px solid red; min-height:200px; } 里面有多个左浮动div。问题是它们不会强制包含div向下扩展,而只是重叠并继续在容器div的边界之外。 左浮动div: .cat_wrap{ border: 1px solid #000; width:100px; min-height:120px; margin:0 10px 5px 0; padding:0; float:left; } 如果我将左浮动输出,则包含的div确实垂直扩展。那么如何让内部div向左浮动,还可以垂直扩展容器div? 解决方法
你需要为主div设置溢出。溢出:自动;这将强制div容器扩展并适应内容。
#cat_container{ margin:0; padding:5px; border:1px solid red; min-height:200px; overflow: auto; height: auto !important; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |