0 
<html>
<head>
<style>
  div{
     border: 1px solid black;
     float: left;
  }

  p{
      border: 1px solid black;
      float: left;
  }
</style>
</head>
<body>
    <div>
     text
     <p>text</p>

    </div>
</body>

</html>

これは私のコードです。なぜdivの幅が大きくなり、div内の「テキスト」が元のスペースから外れているように見えるのですか。divの幅は「text」の幅だと思います。なぜこれが起こるのですか？

4

2 に答える 2

1 
<div class="A">
  size
  <div class="B">
      will
      <div class="C">
          be increased
      </div>
  </div>
</div>

すべてのタグが (float: left) スタイル属性を持つ別のタグ (div、p など) 内にいくつかのタグを追加すると、外側のタグの幅は内側のタグの幅によって増加します。

ただし、高さが固定されていないため、垂直に表示されます..およびdivの幅はサイズが大きくなったままです

于 2012-12-26T17:03:16.423 に答える
0

float: left;の削除p

よろしく。

于 2012-12-26T16:42:07.087 に答える