使用列表的选项卡式导航

【问题标题】：Tabbed Navigation Using a List使用列表的选项卡式导航
【发布时间】：2010-01-29 04:56:09
【问题描述】：

调整 li 元素以填充标签栏所在 div 的整个宽度的最佳方法是什么？

【问题讨论】：

你能提供更多关于你到底想要做什么的信息吗？

【解决方案1】：

我宁愿不必使用width:33%，但这可行。

<html>
<head>
    <style type="text/css">
        div.menuTop {width:400px;border:1px solid red;}
        div.menuTop li  {float:left; width:33%; border:1px solid green;}
    </style>
</head>
<body>
    <div class="menuTop">
        <li>one</li>
        <li>two</li>
        <li>three</li>
        <div style="clear:both;"></div>
    </div>
</body>

希望有帮助。

【讨论】：

在你的
- ，使用 25% ;) 并使用 display:inline-box 防止你使用额外的
  来清除浮动。
您知道在<ul> 或<ol> 之外使用<li> 元素是无效的吗？
为什么不发布更好的解决方案？