Question

我有这个例子：

HTML：

<div class="one">
test
</div>
<div class="two">
test2
</div>

CSS：

.one{
  width:400px;
  border:1px solid red;
  min-height: 200px;
  float:left;
  display:block;
}
.two{
  width:200px;
  border:1px solid red;
  heigth: 200px;
  float:left;
  display:block; 
  position:fixed;
}

<div class="one">
test
</div>
<div class="two">
test2
</div>

为什么不能在第二个div中使用浮点数（带有类.two的div）？

第二个div的行为类似于position:abosolute。

也许有人可以解释我这种行为。

Answer 1

当您对任何元素应用position:fixed时，它不再与任何其他div相关。在position:fixed之后，它仅与身体相关。

因此，您可以将其与css属性top，bottom，left，right对齐，但您无法在前一个div之后将其对齐左

请阅读以下内容：http://www.w3schools.com/css/css_positioning.asp，https://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

浮动左两个div和第二个div位置固定 - 浮点不起作用

1 个答案: