0 
<html>
<head>
<style type="text/css">
 ul {list-style:none; margin:0; padding:0; }
  li{float: left; border:dotted; text-align: center; width: 100px;}




  </style>

</head>

<body>

     <ul>
       <li>home</li>
       <li id="up">pages

       <ul class="down">
       <li>a</li>
       <li>b</li>
       <li>c</li>                  
      </ul>

       </li>

     </ul>


</body>



</html>

これはCSSの私のコードです:`

li{float: left; border:dotted; text-align: center; }`

widthプロパティを入れなかった場合、要素a、b、cは水平になりますが、幅を入れた後、なぜ水平になるのですか?幅は要素の幅のみを設定すると思いました

4

2 に答える 2

0

問題は、s を水平方向に拡張するの <ul>に十分なスペースがないことです。すべての を同じ「行」に保持しようとしますが、スペースがない場合はドロップダウンします。これをスタイルに追加してみてください：<li>float: left<li>ul {}

width: 400px

于 2012-11-29T15:58:46.380 に答える
0

、a、リスト項目はリスト項目の子bです。CSS セレクターは、ページ上のすべてのリスト項目に 100px の幅を適用しているため、、、、リスト項目は親の幅を尊重し、新しい行に配置されます。cpagesliabc

a, b,アイテムに幅を与えたい場合はc、別のセレクターを使用して、次のように親アイテムを除外します。

ul li ul li { width:100px; }
于 2012-11-29T15:57:33.110 に答える