很多網站上都有導讀的列表框，如：
用css中的float可以來實現這個目標。
<html>
<head>
<style type=”text/css”>
body{margin:0px; padding:0px;}
div#page{width:900px; height:1500px; margin-left:auto;
margin-right:auto; background-color:white; border:1px solid black; font-size:13px;}
ul#sy{position:absolute; left:800px; padding:0px;}
li.swzye{float:left; border-left-style:solid;}
</style>
</head>
<body>
<div id=”page”>
<ul id=”shouye”>
<li>設爲主頁</li>
<li>收藏本站</li>
<li>手機版</li>
<li>桌面版</li>
<li>廣告投放</li>
<li>反饋</li>
</ul> </div> </body> </html>
但是這個呈現出來的結果卻是不盡人意的，全部給湊到了一塊了，如：
經過不斷的試驗和查閱相關資料，最終改掉一個地方後，就實現了這個目標。
就是將 sy 和swzy裏面相關的屬性改變下，準確的代碼是：
。。。。。。。。。。。。。閱讀全文，請參閱：K.N.J的博客