li左浮动,接下来是重点啦!!!!
设置ul宽度,设一个大一些的值,例如5000px,或者用脚本来动态计算赋值也行。这样就能实现你想要的效果。哎,当初刚学时这都不叫事,好久没用了,现在也遇到这个问题了,墨迹了半天才发现原因......
padding-right没效果是因为是设定的是float:left你改成float:right就行了或者你把padding-right改为padding-left
不知道是不是解决了你的问题
不过我隐约觉得问题还有其他意思,是不是你想li撑满ul的宽度?
我给你改一下好了
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html
charset=gb2312"
/>
<style
type="text/css">
body{
width:600px
margin:0
auto
border:1px
solid
gray
}
ul{
float:left
width:600px
height:100px
border:1px
solid
blue
list-style-type:none
padding:0px
}
ul
li{
float:left
border:1px
solid
green
width:17%
}
</style>
</head>
<body>
<ul>
<li
style="width:13%">首页</li>
<li>程序分析</li>
<li>代码下载</li>
<li>经典案例</li>
<li>项目实战</li>
<li>联系我们</li>
</ul>
</body>
</html>
说明:<li
style="width:13%">首页</li>
这里13%是因为设定了border;如果没设定的话就是15%;