浮動左兩個div和第二個div位置固定-浮動不起作用

Question

我有這個例子：

https://jsfiddle.net/2z2ksLy4/

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（class為.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/