Question

我有一个绝对定位的标题背景图片。我希望两个div（也有背景图像）从我的标题“拉伸”到用户浏览器的左右边缘而不需要滚动条。我怎么能这样做？谢谢！

Answer 1

使用width: 100%;并将排名设置为left: 0px;。

退房：http://jsfiddle.net/joshcomley/ma26B/

Answer 2

这通常是在CSS上使用width:100%完成的。我的意思是，浏览器的细微差别尽管如此。

Answer 3

通常情况下，HTML页面的边距设置为5px或其他内容。但是，如果您希望将div元素拉伸到两个边缘，请执行此操作 -

<html>
      <head>
            <style>
                   body { margin: 0px 0px 0px 0px; background: #555; }
                   div.element { width: 100%; display: block; background: #000; color: #fff; padding: 5px 5px;}  
            </style> 
      </head>
      <body>
             <div class="element">Stretched to the both edges of you HTML page!</div> 
      </body> 
</html>

这只是复制并通过HTML页面中的上述代码并执行并看到魔术！

我希望这会有所帮助！

'拉伸'div到浏览器的边缘

3 个答案: