Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 以百分比表示的div高度和不需要的滚动条_Css_Html - Fatal编程技术网

Css 以百分比表示的div高度和不需要的滚动条

Css 以百分比表示的div高度和不需要的滚动条,css,html,Css,Html,在这个演示页面中,我有两个问题: 1) 我的页脚(我遵循了这些准则)导致一个滚动条只出现在Firefox上,我无法理解原因 2) 页脚css使用div#containerTop,它适合整个页面高度 min-height: 100%; height: auto !important; height:100% 问题是我希望div#rightContainer具有一定的高度,我希望它几乎可以拉伸整个页面(在它和页脚之间留下一些像素)。很明显,我试过用%来表示身高,但没有效果 我尝试了一些CS

在这个演示页面中,我有两个问题:

1) 我的页脚(我遵循了这些准则)导致一个滚动条只出现在Firefox上,我无法理解原因

2) 页脚css使用div#containerTop,它适合整个页面高度

    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的宽度和高度

在此溢出属性执行该任务。如果现在主体超过实际窗口大小的宽度/高度,则相应地减小主体标记的大小。 但这肯定会删除滚动条

这对我有用