css - 如何使用 CSS 使子 div 增长到全屏？

Question

我在其他几个 DIV 容器下有一个子 DIV。我正在尝试使用 Greasemonkey 脚本添加一个按钮以使其全屏显示。我尝试使用下面的 CSS，但没有成功。它只是填充到父容器。

body.richText{
    position:absolute;
    left:0;
    top:0;
    height: 100%;
    width: 100%;
    }

是否有保证方法可以使任何选定的 DIV 填满屏幕，而不管其父级的 CSS 属性如何？

Answer 1

如果父元素或祖父元素具有相对位置，则绝对定位只会尊重它的长辈元素。

如果你做了类似的事情:

body, html {
    height:100%;
    width:100%;
}
body * {
    position:static !important;
}

它应该保证选择填满所有可用空间。 'body *' 可以替代特定应用程序覆盖 'position:relative;' 所需的任何旧选择器样式。