Question

我当前的页面如下所示：

我想这样做总是显示垂直滚动条（当页面太大时）。水平滚动条应位于浏览器的底部，如下所示：

我怎么能这样呢。我希望我解释一下。

HTML 的

<body>
  <div id="top">This is the top div</div>
  <div id="main">
   This is the main content area. This is the main content area.....
   .... aaaaa...
  </div>
 </body>

的CSS

body{
 width: 100%;
 margin: 0px;
 padding: 0px;
}

#top{
 text-align: center;
 background-color: #FF0;
 height: 100px;
 position: relative;
 top: 0px;
}

#main{
 background-color: silver;
 overflow: auto;
}

更新

我做了这个：http://85.10.35.158/。唯一的问题是我不能使#content的宽度与#header的宽度相同。

enter image description here

我尝试使用jQuery：

var width = $(document).width() - $('#header').width();
$('#content').css('width', width);

但我不喜欢javascript用于设计。有什么方法可以用CSS完成。也许是css3。

Answer 1

您想要查看溢出的CSS属性：http://www.w3schools.com/cssref/pr_pos_overflow.asp

div高度垂直滚动条

1 个答案: