，关于<li>宽度控制的有关问题-HTML教程-爱易网页

，关于<li>宽度控制的有关问题

日期：2014-05-16　浏览次数：20701 次

求助，关于<li>宽度控制的问题
这个是我网页表示层的部分代码：

<body>

<form id="form1" >

<div><ul style="width: 100%"><li style="width: 40%">

abc</li><li style="width: 40%">

def</li><li style="width: 20%">

ghi</li></ul></div></form><body>

我的想法是让这三个列表项处在同一行，可是三个列表项并不在同一水平行。含有ghi的那个<li>标签自动下移了新一行的左边。

我后来设置了所有元素的border，padding，margin为none或者0，但结果还是开始一样显示的。
我就是搞不明白，三个<li>标签加起来的不正好是100%的width么？为什么会超过<ul>的width。我试了把最后一个<li>标签的width改为19%，然后三个<li>就是并列显示了。（注：我已经设置了<li>的float为left了）。
大家能给我指点一下吗？谢谢了！

HTML页面设计网页布局 <li>标签的使用

------解决方案--------------------
假设ul在实际显示的时候宽度是789px,那么3个li标签的宽度分别是315.6px 315.6px 157.8px,应该是这个问题吧