html - ul 宽度不是我设置的宽度

Question

设置此行时：

<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 宽度问题

好的，我解决了，只需要添加：

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

谢谢...

score 1 · Accepted Answer

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

用这个重放你的代码。您正在使用，在宽度：100px 之后，它应该是；:)

score 1 · Accepted Answer

1

你应该使用；在您使用的任何地方，在宽度和高度之间......

于 2012-08-09T08:04:01.850 回答

score 1 · Accepted Answer

是的，在宽度和高度之间使用逗号

用。。。来代替：

样式=“宽度：100px；高度：100px；

score 1 · Accepted Answer

嘿，现在你的代码是错误的

现在删除来和

代替 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>

4 回答 4