请教大师一个ul li排版的问题

来源：百度知道 编辑：UC知道 时间：2024/06/28 03:42:28
大师们,如果我这个窗口最大化,这些字都是横着的
缩小的话,就成这样了
怎么办才好呢
<div
style="position:absolute; top: 45px; left: 632px;" id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">My Blog</a></li>
<li><a href="#">Friends</a></li>
<li><a href="#">Next Station</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
不是,现在是横着
可是浏览器要是小窗口的话,就会变成这种样子

<head>
<title>给UL加个width就行了</title>
<style>
#nav {width:500px;}
#nav li{
float:left;
}
</style>
</head>

<body>

<div style="position:absolute; top: 45px; left: 632px;" id="navigation">
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">My Blog</a></li>
<li><a href="#">Friends</a></li>
<li><a href="#">Next Station</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</body>

如果是要竖着，就给各个<li>加个style="float:left;"就可以的