Question

我正在使用ASP.NET MVC3处理Twitter-bootstrap应用程序，但我认为这个问题更有可能通过纯CSS解决，但仍然欢迎bootstrap解决方案。

我的垂直菜单中有几个链接（为了我的例子，他们是3）。每个菜单都有

 width: 100%;
 min-width: 40px;

菜单在<p>范围内，每个段落都包含在div中：

 width: 30%;

这是我的JsFiddle link。问题在于，随着屏幕越来越小（媒体越来越小，或者只是调整大小），菜单正在向底部扩展，但在我的真实设计中，扩展是可以接受的（甚至是可取的），但我希望这可以发生在顶部页面使所有菜单的底线保持在同一水平。我怎样才能做到这一点？

Answer 1

我认为您可能需要给它一个高度，因为您只有宽度浏览器只检查X轴！试一试，height:xx%;