菜单栏留下侧面空间

我正在尝试制作菜单栏。该容器被称为：#menu并具有以下CSS：border: 0px; margin: 0 auto; position: relative; display: inline-block; width: 100%;菜单栏留下侧面空间

问题是，当我将菜单栏的宽度设置为12.5％时，它们会在侧面留出空间。对不起，但我无法显示真实内容，所以我给这张图片：https://www.dropbox.com/s/3z86dugdw5q9ezd/test.png。 menu_bars的CSS为：width: 12.5%; float: left; padding: 25px 18px 25px 18px; background: rgba(237, 157, 28, 0.992157); font-weight: bold; font-size: 15px; text-align: center; line-height: 15px; height: 20px;

来源

2013-10-12 user2604185

如果您不尝试用代码复制问题，最好在[JSfiddle]（http://jsfiddle.com）上，则很难诊断您的实际问题。 – Terry

http://jsfiddle.net/eWNSz/ – user2604185

需要声明此为.menu_bar_item：

.menu_bar_item { 
    box-sizing: border-box; 
    /* more styles */ 
}

http://jsfiddle.net/teddyrised/eWNSz/1/

的box-sizing: border-box特性防止填充从添加到所述宽度（即默认行为，反正）。宣布此属性后，您还需要考虑调整您的height属性。

来源

2013-10-12 15:24:29 Terry

那么我该如何编辑高度呢？ – user2604185

增加高度，就像那样简单。我想这样的导航，你会想限制高度，毕竟。 – Terry

感谢您的帮助。 – user2604185

您应该将左侧填充设置为20px。

来源

2013-10-12 15:06:19

菜单栏留下侧面空间

回答

相关问题