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>

我遇到的问题是溢出：隐藏似乎不起作用。 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>

overflow：hidden并不按预期扩展div

1 个答案: