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

Question

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

我似乎对这个菜单有问题。

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

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

提前致谢。

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

Answer 1

您已为带有 ID 菜单的 DIV 应用了 20 像素的内边距

将其更改为

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 中的应用。