html - Div 不自动调整大小

Question

我有一个 MVC 网站，但 Div 没有自动调整大小

我已经将溢出设置为自动，我已经设置了最小高度

<div class="content-wrapper">
    <div class="jetdocs-header">
        <img src="~/Content/images/logo_header.png" />
    </div>
    <div class="content-section">
        <div class="content-menu">

        </div>
        <div class="content-body">
            <div style="width: 900px; height: 30px;">

            </div>
            @RenderBody()
        </div>
    </div>
</div>

这是CSS

.content-wrapper {
    background-image: url('images/top.gif');
    background-repeat: repeat-x;
    width: 1155px;
    position: relative;
    margin: 0px auto 0 auto;
    background-color: whitesmoke;
    border-radius: 5px;
    margin-top: 5px;
    padding-bottom: 35px;
    min-height: 600px;
    overflow: auto;
}

.content-section {
    top: 5px;
    position: relative;
    background-color: whitesmoke;
    overflow: auto;
}

.content-menu {
    position: relative;
    width: 140px;
    min-height: 700px;
    height: 100%;
    background-color: silver;
    float: left;
    overflow: auto;
}

.content-body {
    position: relative;
    width: 1000px;
    float: left;
    left: 2px;
    background-color: whitesmoke;
    overflow: auto;
}

内容菜单应自动调整到与内容部分相同的高度。两者都应使内容包装器自动调整大小以匹配两者中最大者的高度...

Answer 1

不认为这与 c# 相关，但您是否尝试过设置父 div 的高度？我认为即使您指定了最小高度，它仍然需要高度才能使溢出正常工作。