css - 如何使用滚动条制作一个列表，使每个项目的宽度保持一致

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;
}

不需要时滚动条会变灰。这样，您就可以在设计页面时少考虑一个变量。