如何让我的菜单栏不要离开屏幕？

Question

我有这个网站，我正在为我的阿姨做。

我似乎对此菜单有疑问。

当我将浏览器放在我的1920x1280屏幕上时，这一切都很完美，但是当我把它放在较低分辨率的屏幕上时，菜单栏会从右边的屏幕上移出，但奇怪的是我的宽度是100 ％。

您可以在此处找到该网站：mathiasotw.be

提前致谢。

P.S。：如果您想要我可以发布的代码。但通常你可以通过右键单击并检查它或按F12来查看代码。

Answer 1

您已使用ID菜单

为DIV应用了20px填充

将其更改为

padding:20px 0;

它应该适合你。

你的新css应该如下所示：

#menu {
background: none repeat scroll 0 0 white;
box-shadow: 0 1px 6px black;
float: left;
height: 70px;
padding: 20px 0; // here padding was declared as 20px.
position: relative;
width: 100%;
z-index: 999;
}

我没有查看整个CSS文件，但看到这些样式通过#menu规则集应用于firebug。