Html 固定宽度div将浮动文本推离屏幕

Html 固定宽度div将浮动文本推离屏幕,html,css,position,css-float,Html,Css,Position,Css Float,jsfiddle: 你好,世界 有什么好处?有没有一个干净的方法来确保这种情况不会发生?或者它只是在看起来可以接受之前留有适当的边距。别忘了指定top:0;左:0 否则,如果它具有位置:static,它将被放置在任何位置。在您的例子中,主体具有默认的边距,因此它将根据该边距放置 将有助于说明实际发生的情况 <div style="position:fixed;width:100%;"> <p style="float:right;">Hello World&

jsfiddle:


你好,世界


有什么好处?有没有一个干净的方法来确保这种情况不会发生?或者它只是在看起来可以接受之前留有适当的边距。

别忘了指定
top:0;左:0

否则,如果它具有
位置:static
,它将被放置在任何位置。在您的例子中,主体具有默认的边距,因此它将根据该边距放置

将有助于说明实际发生的情况

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