Question

例如，如果你看一下Facebook，它们顶部有一个短蓝条，可以扩展浏览器的整个宽度。我想过使用宽度：100％;但我知道它需要有一个父元素才能做到这一点。

Answer 1

一种方式：

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

Answer 2

文档本身充当父元素。默认情况下，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>

http://www.coffeepowered.net/projects/navstrip.html

演示

如果你使用CSS reset，那么这应该是Just Work。

如何获得一个css框来扩展浏览器窗口的整个宽度？

2 个答案: