我有<ul>我用作导航。当屏幕变得足够小时，一些导航项目的文本会转到2行 - 这很好。但是，我希望导航项仍然在一行上，扩展到<ul>的完整高度。
http://jsfiddle.net/quasipickle/msTDe/作为一个例子 - 当正确的（CSS / Result）列足够小时，你会看到“AB BC”文本分成2行，但第一个项目不会增长
这个问题出现在特定断点处，所以如果必须的话我可以明确设置高度，但如果可能的话，我宁愿让它自动发生。
答案 0 :(得分：2)
我所知道的唯一方法是，您可以在height:100%元素上使用<li>，但是您需要在<ul>上设置一个固定的高度，否则它会获胜工作。
不幸的是，在尝试拉伸元素以填充父宽度时，您尝试实现的是一种简单的行为，但它与高度的工作方式不同。
答案 1 :(得分：0)
是否有固定的高度。
ul{ width:100%; height:40px;background:red; overflow:auto;position:relative;}
ul li{ position:relative; float:left; background:green; padding:0 3px;height:100%;}
ul li:nth-child(3){ width:10%; }