当设置底部CSS属性时，CSS溢出滚动条位置错误

我有一个div，其页脚图像占用26px的空间。 CSS被设置为在需要时显示垂直滚动条，但是我需要确保滚动条不会重叠到我的页脚区域，所以我使用bottom:26px;来提醒它。当这种情况发生时，虽然滚动条向上移动，我看不到内容的顶部或滚动条的顶部箭头。我不知道该如何修改css来修复它，以便滚动条位于顶部，并在底部为我的图像留出26px的间距。任何帮助表示赞赏。当设置底部CSS属性时，CSS溢出滚动条位置错误

HTML

<div id="channel-container"> 
<div id="channel"> 

</div></div>

CSS

#channel { 
color: #FFFFFF; 
text-align: left; 
width: 100%; 
height: 100%; 
overflow-x: hidden; 
overflow-y: auto; 
position: absolute; 
bottom: 26px; 
} 
#channel-container { 
float: right; 
width: 31%; 
height: 100%; 
}

来源

2011-09-08 Ed R

想想重组你的HTML。如果div应该滚动，但页脚不是那么我不会将它们分组在一起。在页脚上将边距/填充设置为0，对于scrollablediv的底部设置相同的边距/填充。他们应该无缝混合在一起。也避免了使用位置绝对值和底部值的需要。

这是我认为你在追求什么的小提琴。 http://jsfiddle.net/vdZ6R/

<div id="container"> 
    <div id="scrollablediv"></div> 
    <div id="footer"><img src="" /></div> 
</div>

来源

2011-09-08 05:56:13 mrtsherman

这样做是可以的，但我需要滚动DIV有100％的高度减去页脚大小（26px），所以如果用户改变他们的浏览器将是液体。 –

我真的不明白你想要什么。你可以张贴图片吗？ – mrtsherman

http://img694.imageshack.us/img694/5341/100percentexample.png右侧，jQuery按钮“Channel，Friends，Clan”是我的页脚。可滚动部分上方的内容区域。它需要是浏览器的高度减去底部的26px。因此无论浏览器的大小如何，它都会以100％减去那些26px（从底部）滚动。这有助于解决问题吗？如果需要，我会尽力解释。 –

当设置底部CSS属性时，CSS溢出滚动条位置错误

回答

相关问题