html - 如何使 <html> 元素的大小为整个页面的高度?

标签 html css

我有一个页面,其内容总体上高于屏幕的高度,但是当我使用 Firebug 并将鼠标悬停在该元素上时,我发现页面中唯一被突出显示的部分是第一个“屏幕的长度” "的页面;尽管页面中的所有内容都包含在元素中,但页面上低于该元素的任何内容都不会突出显示。是否有 CSS 技巧可以使元素的高度是它包含的所有内容的高度(即整个页面的高度)?

最佳答案

如果我没理解错的话,你有类似 <div> 的东西你体内的元素。在里面<div>你有一个 child <div>里面有内容。像这样:

<body>
    <div id="parent">
        <div id="child">
            Content Here!
        </div>
    </div>
</body>

您的“父级”div 设置为 100%,这使其成为浏览器窗口的大小,您的内容比那个大,但您只是选择了父级。如果您希望您的父级与子级大小相同,您需要将您的父级 div CSS 设置为“overflow:hidden;”或“溢出:自动;”。隐藏应该可以正常工作。

关于html - 如何使 <html> 元素的大小为整个页面的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7005387/

相关文章:

javascript - 通过虚拟帧缓冲设备绘制到 HTML5 Canvas

html - 如何找到具有全范围字体粗细的网络字体?

html - 确保图像被缩小

jquery - CSS3中的多种垂直背景颜色

javascript - react 单选按钮 : checked cycle not aligned

html - CSS:提交按钮看起来比文本输入和文本区域小

javascript - react-select UTF 编码使 'x' 看起来像 '×' 多选

javascript - Angular 2绑定(bind): TypeError

html - 将鼠标悬停在 IE9 中带有边框半径的 png 上,会弄乱透明度

python - 使用Python脚本获取标题标签的内容