2

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>
4

1 に答える 1

0

このような状況に対する 1 つの修正方法は、次のルールを使用してスクロールバーが常に存在するようにすることです。

body {
    overflow-y: scroll;
}

スクロールバーは、不要な場合はグレー表示されます。このようにして、考慮すべき変数を 1 つ少なくしてページを設計できます。

于 2012-09-07T22:26:44.050 に答える