Css 以百分比表示的div高度和不需要的滚动条
在这个演示页面中,我有两个问题: 1) 我的页脚(我遵循了这些准则)导致一个滚动条只出现在Firefox上,我无法理解原因 2) 页脚css使用div#containerTop,它适合整个页面高度Css 以百分比表示的div高度和不需要的滚动条,css,html,Css,Html,在这个演示页面中,我有两个问题: 1) 我的页脚(我遵循了这些准则)导致一个滚动条只出现在Firefox上,我无法理解原因 2) 页脚css使用div#containerTop,它适合整个页面高度 min-height: 100%; height: auto !important; height:100% 问题是我希望div#rightContainer具有一定的高度,我希望它几乎可以拉伸整个页面(在它和页脚之间留下一些像素)。很明显,我试过用%来表示身高,但没有效果 我尝试了一些CS
min-height: 100%; height: auto !important; height:100%
问题是我希望div#rightContainer具有一定的高度,我希望它几乎可以拉伸整个页面(在它和页脚之间留下一些像素)。很明显,我试过用%来表示身高,但没有效果
我尝试了一些CSS,但这些都不起作用,可能是因为div#rightContainer已经在div容器中使用CSS高度技巧
在不重复使用javascript的情况下,我能做什么?如果要使用%作为高度,则必须在每个父元素中添加它:
<body style="height: 100%;">
<div style="height: 100%;"></div>
</body>
也许您可以将容器设置为绝对值,但这不是一种真正正确的编码样式。首先将div的父级高度和宽度设置为100%,并将html标记中的溢出设置为隐藏:
html{
width: 100%;
height: 100%;
overflow: hidden;
}
body{
width: 100%;
height: 100%;
}
然后相应地设置div的宽度和高度
在此溢出属性执行该任务。如果现在主体超过实际窗口大小的宽度/高度,则相应地减小主体标记的大小。
但这肯定会删除滚动条
这对我有用