如何讓我的DIV元素更寬？爲什麼我的代碼失敗？

Question

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

我想讓所有按鈕的大小相同，我將寬度設置爲100，但它什麼都不做。啊！所以很沮喪......

Answer 1

modified a bit,

• 您需要使用百分比，並將其設置在<li>

• 使<a>的display:block在<li>

• 添加整個填補box-sizing:border-box（CSS3）在寬度計算中包含邊框

• 取代display:inline與float:left。元素樣式爲display:inline不能具有尺寸（寬度和高度），頂部和底部填充和邊距不會將其從文本基線移開（不會垂直移動）。元素向左浮動似乎自動擁有display:block

• 改變的ID，以班，因爲曾經的ID

Answer 2

您在#menu_item聲明中設置寬度：150px，該聲明以menu_item的id爲目標。首先，你不能在一個id =「menu_item」屬性的頁面中擁有多個元素。

你需要做的是將標籤設置在這些div中顯示：block，因爲它默認是一個內聯元素，那麼你可以指定一個寬度。

Answer 3

1. 不要多次使用同一ID只能出現。
2. 您不能在內嵌元素上設置寬度或邊距。

這裏的有以下變化的updated jsFiddle：

• 更改爲.menu_item類。
• .menu_item現在是display: inline-block。
• .menu_item a現在是display: block。

我不確定頂部的邊距是否應該在那裏，但是如果您願意，可以將其除去。

Answer 4

這工作，如果你想固定寬度，JSFiddle

不得不改變你的div使用類沒有ID，

.menuitem現在顯示：塊和浮動：左;

.menu有一個最小寬度以防止包裝菜單項。