CSS ul宽度大于外部宽度 ul中li自动换行，怎么让他不换行

html-css013

CSS ul宽度大于外部宽度 ul中li自动换行，怎么让他不换行,第1张

外层div设个可见区域宽度，同时益处隐藏。

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%；