html – CSS容器不伸缩到容纳浮点数

html – CSS容器不伸缩到容纳浮点数,第1张

概述<html><head><style type="text/css"> .container { width: 900px; border: 2px solid #333333; padding-top: 30px; padding-bottom: 30px; } .container_left { border:
<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容器不伸缩到容纳浮点数所遇到的程序开发问题。

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

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

原文地址: https://outofmemory.cn/web/1113633.html

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

发表评论

登录后才能评论

评论列表(0条)

保存