Question

我有一个奇怪的问题，可能比其他任何东西都更糟糕。

基本上，I have this site如果您调整浏览器大小与网站大小差不多，您会发现可以向右滚动。这是因为我在网站右侧有一个<div> position: absolute，其宽度和高度似乎将网站“推”到窗外，如果你滚动，你会看到网站的顶部不尊重我的width:100%。

如果您理解我的解释，您能否告诉我对此进行编码的正确方法是什么？

Answer 1

添加overflow-x：hidden;到css中的body id

这是隐藏滚动条并将这些图像放在一边的好方法。你的身体css看起来像这样

body{
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    margin:0;
    padding:0;
    background-image: url(images/bckpattern.gif);
    background-repeat: repeat;
    overflow-x: hidden;
}

Answer 2

一些定义 Viewport =显示页面的浏览器的矩形

你的顶部“不尊重”宽度的原因：100％，是因为当你绝对定位一个元素时，它会完全从流中移除。这意味着div＃bcktop无法知道右边有更多内容。

如果对父级为body的元素说“width：100％”，则说“将宽度设置为等于视口”

rmagnum2002的答案是解决问题的肮脏但快速的方法，因为它只是隐藏了这个问题。而且，屏幕较小的用户呢？他们无法使用页面的那个区域（我假设sbi_right将来会用到某些用途）

相反，我推荐以下修复程序在水平条上设置属性 min-width ，这样当用户调整浏览器大小时（或当屏幕不够大时），这些小条仍会占据整个页面。

以下是一个例子：

<div id="annoncetop" style="min-width:MAX_WIDTH_OF_PAGE_CONTENT">

CSS背景图像大于窗户越野车

2 个答案: