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 的宽度是“文本”的宽度。为什么会发生这种情况？

4

2 回答 2

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

当您在另一个标签（如 div、p）中添加一些标签时，所有标签都具有 (float:left) 样式属性，外部标签宽度将增加内部标签宽度。

但由于高度不固定，它们将垂直显示.. div 的宽度将保持增加的大小

于 2012-12-26T17:03:16.423 回答
0

Remove float: left; of p

Regards.

于 2012-12-26T16:42:07.087 回答