0

div は別の div にネストされており、そのマージンとパディングは 0 で、幅と高さは > 0 に設定されています。display: inline が幅と高さを 0 にしているのはなぜですか?

 <html>
 <head>
 <style>

 .c
 {
   width: 300px;
  height:  50px;
  margin:0px;
   padding:0px;

 }


 #a
 {
    display:inline;padding:0px; margin:0px;width:100px;height:20px;

 }

</style>
</head>
 <body>


    <div class="c">
       <div id="a" style="background-color:#ff0000;"></div>
   </div>

   </body>
 </html>
4

3 に答える 3

4

インライン要素には幅と高さがありません。

于 2012-10-27T01:09:24.020 に答える
2

インラインにする必要がある場合は、次のようにインライン ブロックとして設定します。

#a {

   display:inline-block;
   padding:0px;
   margin:0px;
   width:100px;
   height:20px;

}
于 2012-10-27T01:12:27.650 に答える
0

inline は div をブロックとして表示しなくなったため、これが必要です。

W3CSchools の定義display:inline;

要素はインライン要素 (span など) として表示されます。インライン要素は、その前後に改行がなく、その隣に HTML 要素を許容します

display:block;div を表示するには、 (デフォルト)のままにしておく必要があります。その横にテキストを取得しようとしている場合は、試してみてくださいfloat:left;

于 2012-10-27T01:11:22.157 に答える