如何让我的DIV元素更宽广？为什么我的代码失败了？

Question

http://jsfiddle.net/antonpug/jfrNt/

我正在尝试使所有按钮的大小相同，我将宽度设置为100，但它没有做任何事情。啊！太沮丧......

Answer 1

modified a bit,

• 您需要使用百分比并在<li>

中进行设置

• 让<a>的{​​{1}}填写整个display:block

• 添加<li>（CSS3）以在宽度计算中包含边框

• 将box-sizing:border-box替换为display:inline。使用float:left设置样式的元素不能有尺寸（宽度和高度），顶部和底部填充和边距不会将其移离文本基线（不要垂直移动）。向左浮动的元素似乎自动拥有display:inline

• 将ID更改为类，因为ID只能出现一次

Answer 2

您在#menu_item声明中设置宽度：150px，该声明的目标是menu_item的ID。例如，您在页面中不能有多个具有id =“menu_item”属性的元素。

你需要做的是在这些div中设置标签来显示：块，因为它是默认的内联元素，然后你可以指定它的宽度。

Answer 3

1. 不要多次使用相同的ID。
2. 您无法在内嵌元素上设置宽度或边距。

这是updated jsFiddle，其中包含以下更改：

• 已更改为.menu_item课程。
• .menu_item现在是display: inline-block。
• .menu_item a现在是display: block。

我不确定顶部的边距是否应该在那里，但如果你愿意，可以删除它。

Answer 4

如果您需要固定宽度JSFiddle

，则此方法有效

已将你的div更改为使用class not id，

.menuitem现在显示：block和float：left;

.menu有一个最小宽度，以防止包装菜单项。