调整大小页面没有绝对宽度的滚动条

所以我有以下页面的导航栏：http://michigangurudwara.com/pclass/ 它看起来不错，但是当您调整浏览器的大小时，一切都会重叠。我想要的是导航栏填满整个宽度，然后当屏幕被调整大小时，应该会弹出一个滚动条，但是当我在.navbar类中使用width：100％时，这不会发生。获得滚动条的唯一方法是使用绝对宽度。但如果我这样做，我不能占用不同显示器尺寸的整个屏幕宽度。我将如何做到这一点？调整大小页面没有绝对宽度的滚动条

来源

2011-12-18 gsingh2011

设置的最小宽度...

.navbar { 
    min-width: 1000px; }

什么比这少会导致滚动条显示。

来源

2011-12-18 18:59:05 Scott

这当然是一种不同的导航风格，导航条总是相同的宽度可能会给很多用户带来很大的问题。更好的方法是将页面宽度设置为1000px;然后在两边都有自动调整边距。

.navbar{ 
    width:1000px; 
    margin:auto; 
}

但是，如果你决心做这种方式，那么你可以总是使用支持JavaScript的浏览器的宽度，然后用它来设置一个动态的宽度变量。

我也打算建议minimum-width:100%;但我想你还是会遇到同样的问题。

问题是，当使用百分比时，模板将重新调整为浏览器宽度，其中像素将像您提到的那样始终表示绝对值。

来源

2011-12-18 19:03:35 Dan

调整大小页面没有绝对宽度的滚动条

回答

相关问题