UL寬度不是我設置這條線時，設置

-3

<ul style="width:100px; height:100px; background-color:green"> 
    <li style="width:100px; height:100px; border:1px solid blue"> 1 </li> 
</ul>

我得到了UL比我100px的設置寬了不少。

任何想法爲什麼它會忽略我的設置？如何設置li和ul具有相同的寬度（沒有額外的壓痕）？

更新：人，你太急於投我了，因爲拼寫錯誤的（在樣式屬性），你忘了主要的問題在這裏，這是UL寬度問題

OK，我解決這個問題，只是需要加入：

<ul style="....;padding:0"> ... </ul>

感謝...

來源

2012-08-09 yoav barnea

如果你投下來，至少解釋一下爲什麼？ – 2012-08-09 08:07:08

你的CSS非常無效。你不應該在屬性之間使用逗號 - 而是使用分號。也使用背景顏色而不是背景顏色。最好在最後一個CSS屬性後面加分號，儘管在較新的瀏覽器中不需要。如果你通過驗證器運行它：http：//jigsaw.w3.org/css-validator，你會發現這些問題。 – stackunderflow 2012-08-09 08:08:11

哦，我沒有投票下來BTW – stackunderflow 2012-08-09 08:08:30

<ul style="width:100px; height:100px; background-color:green;"> 
    <li style="width:100px; height:100px; border:1px solid blue;">1 </li> 
</ul>

重播你的代碼與此有關。你正在使用寬度：100px之後，它應該是; :)

來源

2012-08-09 08:02:26 Saleem

backgroung-color？ – stackunderflow 2012-08-09 08:03:39

感謝您的更正 – Saleem 2012-08-09 08:06:36

你應該使用;無論你使用，寬度和高度之間...

來源

2012-08-09 08:04:01 dilaraates

是，寬度和高度

之間用逗號替換爲：

風格=「寬度：100像素，高度：100像素;

來源

2012-08-09 08:04:08

嘿，現在你代碼是錯誤

立即卸下來

取代backgroung-color

成

background-color

現在finel代碼是

<ul style="width:100px; height:100px; background-color:green;"> 
    <li style="width:100px; height:100px; border:1px solid blue"> 1 </li> 
</ul>

Live demo

來源

2012-08-09 08:07:22

感謝您的回答，我在我的問題中拼寫錯誤，但仍然不能解決我的問題 – 2012-08-09 08:22:34

可以將您的代碼張貼在jsfiddle.net並給我鏈接 – 2012-08-09 08:27:51

UL寬度不是我設置這條線時，設置

回答

相關問題