Question

我有一些div，我希望当我将屏幕变大（CTRL +）时，滚动条会出现在页面底部，div会显示为STAY内联块。我在这里有代码（ http://fiddle.jshell.net/JNzFp/ ），你可以看到当你的屏幕变大时，div会出现滚动条，我希望它显示在全屏幕的底部而不是在div下，我也不想垂直滚动条。

Answer 1

使用此CSS overflow:hidden

http://fiddle.jshell.net/zCxhK/

下面是不同溢出属性的演示。

更新：https://developer.mozilla.org/en-US/docs/Web/CSS/overflow

Answer 2

滚动条出现在#menu div中，因为您在其css中使用了overflow: auto。使用hidden代替auto，不允许滚动条显示在div

下方

更新 - 为此你必须让menu div 100％的身体

<强> DEMO

CSS -

 #menu{
white-space:nowrap;
 overflow:auto; 
width:100%;
 /*height:40px;*/
height: 100%;
 margin:auto;
 padding:0 0 12;
 background:url(file:///C:/Users/Windows7/Desktop/imgbg.jpg) repeat 0 0 #f8f8f8;
 border:1 solid;
 border-width:0 1 1;...

CTRL +时，滚动条全屏显示

2 个答案: