如何制作一个列表，使用滚动条将每个项目保持为统一宽度

Question

danielsherson建议使用以下代码来列出其最大项目的确切宽度。如果列表的长度不是太长，它的效果很好。我尝试提供高度，代码不会补偿滚动条的宽度。有关谁应该完成的任何想法？

<style>
  ul, li{float:left;margin;padding:0;display:block;}
  li {clear:left;width:100%;margin:1px 0;background:#03a;}
</style>
<ul>
  <li>Item 1</li>
  <li>Item 2 which is longer</li>
  <li>Item 3</li>
</ul>

Answer 1

对于这种情况的一种解决方法是确保始终使用此规则的滚动条：

body {
    overflow-y: scroll;
}

不需要时，滚动条将变灰。通过这种方式，您可以设计一个较少变量的页面。