CSS定位:容器不';不适合它的内容大小
HTML:CSS定位:容器不';不适合它的内容大小,css,position,containers,Css,Position,Containers,HTML: <div content> <div post> <div post> ... </div> .post { margin: 0; padding: 110px 20px 20px; float: left; width: 560px; position: relative; display: block; } #content { display: block;
<div content>
<div post>
<div post>
...
</div>
.post {
margin: 0; padding: 110px 20px 20px;
float: left;
width: 560px;
position: relative;
display: block;
}
#content {
display: block;
padding: 15px;
overflow: visible // hidden
min-height: 250px;
}
当#content
设置为overflow:visible
时,它不适合其内容大小,即每个帖子都显示良好,但#content
高度是其最小高度
当设置了溢出:隐藏时,#content
会根据其内容调整其大小,但.post
会被剪切为#content
度量.post
包含位置:绝对元素,位于之外。post
带有负边距
#content
能适应的高度吗?在发布的同时不要在侧面剪切它?这就是你想要做的吗
您对此有何看法
尝试插入更多或取出
元素
我希望这有帮助 如果在容器中使用minheight
属性浮动对象,则该对象不会展开。您需要清除.post
上的浮动,然后容器将按预期增长。尝试将容器的溢出属性更改为“自动”;这对我很有用:
尝试了溢出:滚动
或溢出:自动
?是的,但我不想要滚动条,也不想要隐藏内容…这是你真正的html吗?因为它应该是
和
。