Question

我的身体div在我的页面体内设置为body_content。我的最小高度设置为100％。在这个div中，我有main_content div作为内容的包装器。也设置为最小高度100％。但是，无论我如何更改我的CSS，都会在我的body_content div中水平和垂直添加滚动条。我已经使用隐藏删除了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是我们的var，它被回显到页面的body部分。有什么想法吗？

Answer 1

在消除身高限制后，我看到盒子扩大了。最大宽度很有用，但是如果你摆脱了最小高度怎么办？

Div不会正确扩展内容？

1 个答案: