固定寬度的div推壓浮動文本關閉屏幕

Question

的jsfiddle：http://jsfiddle.net/4wayP/

<div style="position:fixed;width:100%;"> 
    <p style="float:right;">Hello World</p> 
</div> 

是怎麼回事？有沒有一種乾淨的方法來確保不會發生？或者它只是保證金 - 直到它看起來可以接受。

Answer 1

不要忘記指定top: 0; left: 0。

jsFiddle Demo

否則它將被放置等。無論這將是它是否有position: static。在你的情況下，身體有默認的邊距，所以它會根據這個邊距放置。

This fiddle將幫助說明實際發生了什麼。