我有一个<ul>我用作导航。当屏幕变得足够小时，一些导航项的文本会变成 2 行——这很好。但是，我想让仍然在一行上的导航项目扩展到<ul>.
以http://jsfiddle.net/quasipickle/msTDe/为例 - 当右侧 (CSS/Result) 列变得足够小时，您会看到“AB BC”文本分成 2 行，但第一个到项目不要成长。
此问题发生在特定断点处，因此如果必须，我可以显式设置高度，但如果可能的话，我宁愿让它自动发生。
问问题
69 次
2 回答
2
我知道的唯一方法是你可以height:100%在你的<li>元素上拥有，但你需要在你的元素上有一个固定的高度，<ul>否则它将无法工作。
不幸的是，当您尝试拉伸元素以填充父宽度时，您想要实现的是一种简单的行为，但它与高度的工作方式不同。
于 2012-05-30T16:02:37.433 回答
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%; }
于 2012-05-30T16:14:01.670 回答