我的 body 和 html 高度为 100% 并且溢出隐藏,但我需要一个 div 才能滚动它自己的内容。这是jsfiddle,因为您可以看到 div 中的内容滚动到某个点。我正在尝试根据身体高度减去标题高度和填充来设置它的高度。
CSS:
body{
overflow:hidden;/* needed to eliminate scrollbars caused by the background image */
padding:0;
margin:0;/* necesarry for the raster to fill the screen */
height:100%;
width:100%;
}
html{
min-height:100%;
padding:0;
margin:0;
}
#header{
height:70px;
background:#000;
color:#fff;
margin:0;
padding:0;
}
#votes{
background:rgba(0,0,0,0.8);
width:266px;
position:absolute;
right:0;
padding:5px 5px 50px;
color:#fff !important;
z-index: 99999;
overflow:scroll;
}
JS
$(document).ready(function(){
var height = $(document).height();
var divheight = height - 130;
$('#votes').attr('style', 'height:' + divheight + 'px');
});