CSS内联编码

Question

我有以下代码，其中包含div #letmeout。由于外<div>设置了position:relative和overflow hidden;，因此不会显示#letmeout div。我需要显示#letmeout而不修改外部<div>。

<div style="position: relative; overflow: hidden;"> 
    <div id="letmeout" width="100%" height="1000px" style=".....">ok</div>
</div>

我尝试添加内联样式background:red; position: absolute; z-index: 10000; color:blue; left: 0px; top: 0px; height:10000px; display:marker; overflow:auto; margin:0px;，但仍未显示#letmeout。如何在不修改外部div且仅在#letmeout上使用内联样式？

的情况下执行此操作

Answer 1

通过为父级分配相对定位，您将子（子）锁定到父容器中。

如果您真的需要屏幕接管（正如您的代码所示），#letmeout { position:fixed; }可能有所帮助。但要注意，固定定位并不像绝对定位或相对定义那样。 fixed个元素根据视口获取其位置。

检查出来：http://www.w3.org/TR/CSS2/visuren.html#fixed-positioning

您也可以在该URL找到您的定位和浮动选项的解释。