gpt4 book ai didi

html - Div 不随文本展开

转载 作者:行者123 更新时间:2023-11-28 17:40:26 26 4
gpt4 key购买 nike

我正在尝试创建一个论坛,但问题是当文本对于 div 来说太长时,文本所在的 div 的高度不会扩展。相反,文本在外面。

我还需要侧边栏(带有用户信息)随文本展开,以便它始终与文本具有相同的高度。

JSFiddle:http://jsfiddle.net/9stPU/1/

CSS:

.forumContent {
list-style-type: none;
background: #34495e;
letter-spacing: 1px;
width: 1170px;
margin: 0;
color: white;
margin-left: 50px;
}

.forumContent li {
padding: 5px 0 5px 10px;
margin-left: -40px;
min-height: 41px;
}

.forumContent li h3 {
margin: 0;
padding: 0;
font-size: 14px;
}

.forumContent li small {
font-size: 9px;
}

.forumContent a {
color: white;
text-decoration: none;
width: 100%;
height: 100%;
}

.forumContent li:hover {
background: #3E5368;
}

.forumContent a li {
float: left;
width: 366px;
}

.forumContent a li:first-child {
width: 100px;
}

.topicUser {
width: 150px;
float: left;
background: #000;
margin-left: -10px;
height: 100%;
}

.topicUser h3 {
margin-left: 2.5px !important;
}

.topicUser small {
position: absolute;
margin-top: -15px;
margin-left: 7.5px;
}

.topicUser p {
margin-top: 2px;
margin-left: 3px;
}

.topicContent {
width: 1060px;
float: right;
height: 100%;
}

最佳答案

添加:

.forumContent {
...
overflow: hidden; /* ADD THIS */
}

出现此问题是因为容器元素 forumContent 的高度自动计算(如果未指定)为 float 元素的高度之和。 float 元素的高度没有考虑。

关于html - Div 不随文本展开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24222129/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com