Question

<div style="position:relative; overflow:hidden; height:300px; z-index:1; background-color:red;">
    <ul style="position:relative; overflow:hidden; height:800px; z-index:2; background-color:blue;">
        <li>
            <div style="height:500px; background-color:black; position:relative; z-index:3;">
            This is div
            </div>
        </li>
    </ul>
</div>

第1个问题 - 从上面的代码中，网页仅显示300px的<ul>高度和300px的<div>高度，如何使网页显示800高度<ul>和500px高度<div>而不更改溢出属性且不更改第1 <div>（300px）的高度？已经得到了Omabena的答案。我只需要将第1个div的位置更改为static，将ul更改为绝对值。

<div style="overflow:hidden; position:static; height:300px;  background-color:red;">
<ul style=" position: absolute; overflow:hidden; height:1500px; background-color:blue;">
    <li>
        <table><tr><td>
            <div style="height:500px; background-color:black; position:static; z-index:3;">
                This is 2nd div
            </div>
        </td>
        <td>
            <div style="height:500px; background-color:green; position:relative; z-index:3;">
                This is 3rd div
            </div>
        </td></tr></table>
    </li>
</ul>
</div>

第二个问题 - 从上面的代码中，如何使网页显示第二个div的300px高度和第三个div的500px高度。我的意思是第二个div必须隐藏在仅有300px高度的第一个div中。

Answer 1

<div style="overflow:hidden; height:300px;  background-color:red;">
<ul style=" position: absolute;overflow:hidden; height:800px; background-color:blue;">
    <li>
        <div style="height:500px; background-color:black; position:relative; z-index:3;">
        This is div
        </div>
    </li>
</ul>

Answer 2

<div style="position:relative; overflow:hidden; height:800px; z-index:1; background-color:red;">
    <ul style="position:relative; overflow:hidden; height:800px; z-index:2; background-color:blue;">
    <br/>
        <li>
            <div style="height:500px; background-color:white; position:relative; z-index:3;">
            This is div
            </div>
        </li>
    </ul>
</div>

Answer 3

答案已经存在。

Position an HTML element relative to its container using CSS

Answer 4

剂量必须嵌套div你可以使用容器div并让你在同一级别的第一个div和UL然后使用位置：绝对的两个

如何让div出现在另一个面前？

4 个答案: