css - 如何让我的菜单栏不超出屏幕？

Question

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

我好像对这个菜单有问题。

当我把浏览器放在我的 1920x1280 屏幕上时，一切都很完美，但是当我把它放在较低分辨率的屏幕上时，菜单栏从右边的屏幕上消失了，但奇怪的是我的宽度是 100 %.

您可以在这里找到网站:mathiasotw.be

提前致谢。

附注:如果您想要代码，我可以发布。但通常您可以通过右键单击并检查它或按 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。