html – 内部左浮动div不会垂直扩展容器div

概述我有一个具有以下属性的容器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: 我有一个具有以下属性的容器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;}

总结

以上是内存溢出为你收集整理的html – 内部左浮动div不会垂直扩展容器div全部内容，希望文章能够帮你解决html – 内部左浮动div不会垂直扩展容器div所遇到的程序开发问题。

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