Question

喜我有这个简单的CSS代码来向sharepoint 2010网站添加横幅 - 问题是，当我添加它时，页面不会“识别”横幅添加的额外水平空间，因此滚动条滚动到底部的页面。当窗口最大化以及窗口最大化时，会发生这种情况。发生在IE，chrome，FF。

编辑：screenshot of browser scrollbar

横幅代码：

<div id="header_container">

</div>

的CSS：

#header_container {
    background-image:url('/Images/topBanner.png'); 
    background-repeat:no-repeat; 
    background-color:#fff; 
    height:147px;
}

Answer 1

尝试添加1px填充并设置宽度。我只是在学习，但我发现当你向网站添加更多代码时，有时会发生奇怪的事情。 1px的填充修复了我的一些布局

id也建议不要使用header_container作为div标签。想想你在标题中有多少项目。

如果我有横幅和网站名称，但仍然需要包装div我将使用

<div id="header">
<div id="banner"></div>
<div id="headerlogo"></div>
</div>

或

<div id="headerbox">
<div id="banner"></div>
<div id="sitetitle"></div>
</div>

css错误 - 添加横幅会弄乱页面的滚动条

1 个答案: