html - 溢出 :hidden doesn't expand a div as expected

Question

我有以下代码:

<div id="row" style="overflow: hidden;">
    <div class="logged_in_mainboxes" style="margin: auto; width: 700px;overflow: hidden; ">
        <h3>Band profiles:</h3>


        <div class="fish" style="position: fixed; bottom: 0; width: 100%;">
            asdasd
        </div>
    </div>
</div>

我遇到的问题是 overflow:hidden 似乎不起作用。 logged_in_mainboxes-div 未使用 fish-div 展开。

Answer 1

你可以试试这个:

修改后的 HTML:

<div id="row" style="overflow: hidden;">
    <div class="logged_in_mainboxes">
        <h3>Band profiles:</h3>
        <div class="fish">
            asdasd
        </div>
    </div>
</div>

修改后的 CSS 如下:

<style>
.fish{ 
    border: 1px solid #aaaaaa;
    bottom: 0;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.logged_in_mainboxes{
    border: 1px solid #000000;
    display: block;
    height: 100%;
    margin: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 700px;
}
</style>