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宽度不是我设置这条线时，设置

回答

相关问题