1

我有以下 HTML 代码：

<style>
body {
background:#547c15;
margin:0;
padding:0;
}
#inner {
margin:0 auto;
width:1298px;
}
#outer {
background:#000;
}
</style>
<div id="outer">
  <div id="inner">
    <br><br><br><br><br><br><br><br><br><br>
  </div>
</div>

当我在宽屏显示器上观看时，一切都很好。但是，当我在旧的 CRT 显示器上以 800X600 分辨率查看此内容时，外部 div 并没有完全延伸到内部 div 上。底部有一个滚动条（由于内部 div 为 1298px），但外部 div 仅拉伸到 800px（见下图）。

DIV 拉伸问题

有人可以帮我解决这个问题吗？我希望外部 div 始终为 100% 宽度（即，即使有水平滚动条，背景颜色/图像也应始终完全伸展）。

提前非常感谢。

4

2 回答 2

0

给外部 divwidth:100%;使其调整大小以包含内部内容，我认为它会起作用，如果它不起作用而不是使用min-width:1298px;

于 2012-06-30T15:19:21.307 回答
0

在你的#outer 添加这个：

    float:left; width:100%;
于 2012-06-30T15:26:58.863 回答