Html 主体及其子元素的100%高度
我正在为仅显示一定距离的Html 主体及其子元素的100%高度,html,css,Html,Css,我正在为仅显示一定距离的主体指定背景色。我需要它是完整的高度和它的子元素了。它的一个子元素有右边框，也需要在整个屏幕高度上显示 我的CSS看起来像（示例一）最好检查我的演示 html是 <body> <div class="cover"> <div class="left_side"> </div> </div> </bod
主体指定背景色。我需要它是完整的高度和它的子元素了。它的一个子元素有右边框
，也需要在整个屏幕高度上显示
我的CSS看起来像（示例一）最好检查我的演示
html是
<body>
<div class="cover">
<div class="left_side">
</div>
</div>
</body>
bgcolor和CHILD的边界似乎只有在有限的距离内才像
这是什么问题，伙计们，我需要100%高度的背景和边框。您可以使用绝对位置并设置顶部和底部：
body {
position: absolute;
top: 0;
bottom: 0;
}
删除高度：从您的身体和html样式中删除100%
不要将边框设置为左侧容器，而是尝试在内容容器上设置边框
您的css将类似于：
.large-9 .columns .right_side{border-left:1px solid #333;}
.left_side .full_height{position:fixed;top:0;bottom:0;width:200px;}
左列当前设置为100%，并正确渲染。问题是，它没有考虑到溢出的内容，你看不到，直到你滚动。另一种解决方案是对左侧容器进行绝对或固定定位，并将其顶部和底部值设置为0
这方面的css类似于：
.large-9 .columns .right_side{border-left:1px solid #333;}
.left_side .full_height{position:fixed;top:0;bottom:0;width:200px;}
这是一个非常基本的布局，有一个固定的左栏-
还有一个固定标题的版本-
您可能也喜欢这支笔-您的html缺少html标记wooha:D添加它们并尝试设置html，body{height:100%；margin:0；padding:0；}…而且页面上的可见内容比您通过代码提供的要多得多，所以有些东西超越了你styles@johnSmith我从未错过在我的html中添加html标记。上面给出的代码是示例代码。不要将height:100%
添加到body或html。@U Green先生，谢谢！那这个补丁怎么办case@VIVEkUI没什么<代码>高度：100%