Div 不会随内容正确展开？

Question

我将页面正文中的正文 div 设置为 body_content。我将最小高度设置为 100%。在这个 div 中，我有 main_content div 作为内容的包装器。还设置为 100% 的最小高度。但是，无论我如何更改 css，我的 body_content div 都会在水平和垂直方向添加一个滚动条。我已经使用 hidden 删除了 x，但我需要删除 y 滚动条并让内容正确展开。

请注意，right_body_menu 位于 main_content 的右侧。

此外，请忽略 middle_body_content，因为我只是将其添加到其中以测试 div 扩展。

#body_content{
position:relative;
margin: 0 auto;
min_height = 100%;
width = 85%;
background_color = white;
border_left = 1px solid #cacaca;
border_right = 1px solid #cacaca;
overflow-x:hidden;
padding-bottom:50px;
}

#main_content{
width: -moz-calc(100% - 300px);
width: -webkit-calc(100% - 300px);
width: -o-calc(100% - 300px);
width: calc(100% - 300px);
height:100%;
float:left;
}

#right_body_menu{
min-height:100%;
background-color:white;
width:300px;
position:absolute;
right:0;
}


$main_content = "
<div id='main_content'>
<div id='body_top_wrapper'>
</div>
<hr>
" . $middle_body_content . "
</div>

$body_content = "
<div id='body_content'>
" . $main_content . "
</div>

$body_content 是我们正在回显到页面正文部分的变量。有什么想法吗？

Answer 1

我看到盒子在消除高度限制后会膨胀。 Max-width是有用的，但是如果去掉min-height呢？

Div 不会随内容正确展开？

Div will not expand correctly with content?

html

css

po