如何让css框扩展浏览器窗口的整个宽度?

如何让css框扩展浏览器窗口的整个宽度?,css,programming-languages,Css,Programming Languages,例如,如果你看一下Facebook,他们的顶部有一个短的蓝色条,可以延伸整个浏览器的宽度。我考虑过使用宽度:100%;但我知道它需要有一个父元素才能做到这一点。一种方法: <div style="position:absolute;left:0px;right:0px;height:20px">&nbsp;</div> 文档本身充当父元素。默认情况下,div是其父级宽度的100% 您可能需要做的是在body元素上不设置边距或填充 <html>

例如,如果你看一下Facebook,他们的顶部有一个短的蓝色条,可以延伸整个浏览器的宽度。我考虑过使用宽度:100%;但我知道它需要有一个父元素才能做到这一点。

一种方法:

<div style="position:absolute;left:0px;right:0px;height:20px">&nbsp;</div>

文档本身充当父元素。默认情况下,div是其父级宽度的100%

您可能需要做的是在
body
元素上不设置边距或填充

<html> 
  <style>
    body { margin: 0; padding: 0; }
    #strip { background: #89f; padding: 5px; }
  </style>
  <body>
    <div id="strip">This is a nav strip</div>
  </body>
</html>

正文{margin:0;padding:0;}
#条带{背景:#89f;填充:5px;}
这是导航条
演示

如果你用的是a,那么这应该就行了