<HTML><head><style type="text/CSS"> .container { wIDth: 900px; border: 2px solID #333333; padding-top: 30px; padding-bottom: 30px; } .container_left { border: 2px solID #FF00FF; wIDth: 650px; float: left; } .container_right { border: 2px solID #0000FF; wIDth: 225px; float: right; }</style></head><body> <div > <div > <div>left CONTAINER</div> <div>left CONTAINER</div> <div>left CONTAINER</div> </div> <div > <div>RIGHT CONTAINER</div> <div>RIGHT CONTAINER</div> <div>RIGHT CONTAINER</div> </div> </div></body></HTML>
结果是:
我想要这样的结果:
解决方法 添加overflow:hIDden;到.container选择器。这将强制容器承认它有孩子。 总结以上是内存溢出为你收集整理的html – CSS容器不伸缩到容纳浮点数全部内容,希望文章能够帮你解决html – CSS容器不伸缩到容纳浮点数所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)