Question

根据www1： “ float属性可以具有以下值之一： left-元素浮动在其container的左侧” 以及“在HTML中，容器是由开始和结束标记包围的区域。”（{www2）

在以下代码中（1中的代码）：

.div1 {
  float: left;
  width: 100px;
  height: 50px;
  margin: 10px;
  border: 3px solid #73AD21;
}
.div2 {
  border: 1px solid red;
}
<body>
<h2>Without clear</h2>
<div class="div1">div1</div>
<div class="div2">div2 - Notice that div2 is after div1 in the HTML code. However, since div1 floats to the left, the text in div2 flows around div1.</div>
</body>

问题是：

body元素是div1的容器吗？
如果是，则div1浮动到剩下。而且我猜想它结束了float的功能。为什么文字 div2中的流在div1周围流动？

Answer 1

因此，在您的示例中， my 回答了您的问题：

是
考虑分配给 div1 类的属性的 all -您已分配了一个边距（因此将文本移至 div2 ），然后将div“浮动”到左侧。 div 标签本身不具有 float：属性-如果不存在，则它本身具有行为-保持其位置，占据其容器的整个宽度。 p>

下面的屏幕截图旨在直观显示我在上面＃2中要说的内容

哦，并且 float： CSS指令不是功能，而是一种样式，应用于可见DOM上的元素。就个人而言，根据我要完成的任务，如果可以帮助的话，我几乎从不在生产中使用 float 。

div float属性说明

1 个答案: