Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/EmptyTag/133.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS定位:容器不';不适合它的内容大小_Css_Position_Containers - Fatal编程技术网

CSS定位:容器不';不适合它的内容大小

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;

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;
    padding: 15px;
    overflow: visible // hidden
    min-height: 250px;
}
#content
设置为
overflow:visible
时,它不适合其内容大小,即每个帖子都显示良好,但
#content
高度是其最小高度

当设置了
溢出:隐藏
时,
#content
会根据其内容调整其大小,但
.post
会被剪切为
#content
度量
.post
包含
位置:绝对
元素,位于
之外。post
带有负边距


#content
能适应
的高度吗?在发布
的同时不要在侧面剪切它?

这就是你想要做的吗


您对此有何看法

尝试插入更多或取出
元素


我希望这有帮助

如果在容器中使用
minheight
属性浮动对象,则该对象不会展开。您需要清除
.post
上的浮动,然后容器将按预期增长。

尝试将容器的溢出属性更改为“自动”;这对我很有用:


尝试了
溢出:滚动
溢出:自动
?是的,但我不想要滚动条,也不想要隐藏内容…这是你真正的html吗?因为它应该是