固定宽度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将有助于说明实际发生的事情。