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