CSS 内容不随内容增加

发布于 2024-09-25 15:16:01 字数 309 浏览 3 评论 0原文

我有一个 CSS 问题,我希望这个 div 随着越来越多的内容填充而自动垂直扩展。我认为在样式中省略它的高度设置就可以做到这一点,但它似乎并没有解决它。我的CSS

.box{
-moz-border-radius: 15px 15px 15px 15px;
background-color:#433B39;
background-image:none;
color:white;
display:block;
margin-top:20px;
padding-left:16px;
padding-right:16px;
width:925px;
}

I have a CSS Question I want this div to automatically expand vertically as more and more content fills it. I thought that omitting it's height setting in the style would do so but it hasn't seemed to fix it. My CSS

.box{
-moz-border-radius: 15px 15px 15px 15px;
background-color:#433B39;
background-image:none;
color:white;
display:block;
margin-top:20px;
padding-left:16px;
padding-right:16px;
width:925px;
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

像你 2024-10-02 15:16:01

您是否将内容浮动在该 div 内?如果是这样,那么它就不会扩展以适应它们,您需要为此在浮动内容后面放置一个清除 div。

Are you floating the content inside of that div? If so, then it won't expand to fit them, you need to put a clearing div after the floating content for this.

把回忆走一遍 2024-10-02 15:16:01

使用 auto:height 。您还可以提及某个值的 min-height 以保持最小高度

ex :

.box{
     width:925px;
     min-height:10px;
     height:auto;
    }

您是否尝试为外部容器设置 float:left ?

use auto:height .You may also mention min-height to some value to maintain a minimum height

ex :

.box{
     width:925px;
     min-height:10px;
     height:auto;
    }

Did you try with setting float:left for the external container?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文