将一个div拉伸到浏览器的边缘

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

来源

2011-04-03 user689696

使用CSS的背景图像拉伸？哪一个是其他的div？然后头？ – 2011-04-03 10:15:39

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

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

来源

2011-04-03 10:15:38 joshcomley

这通常与width:100%对CSS进行。尽管如此，我的意思是，浏览器细微差别。

来源

2011-04-03 10:15:57

通常看到一个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页面和执行，看到了魔术！

我希望这会有所帮助！

来源

2011-04-03 10:22:02

顺便说一句，如果你想伸展你的头'div'请尝试用'table'元素来做。因为'table'元素可以让你为你的网站提供一个完整的框架;从页眉到页脚和中间内容。如果你想要一些提示，请让我知道。相关代码复制此小提琴中的HTML部分---- http://jsfiddle.net/divinemamgai/vZepT/ 希望你会喜欢这个。 – 2011-04-03 10:44:12

事情是有3个div。一个在页面的中心，宽度为900px（让它命名为“centerdiv”）。另外两个需要从中心向侧边伸展到浏览器窗口的边缘。 leftsidediv必须到达浏览器的左侧，右侧的权限。 – user689696 2011-04-03 19:38:54

将一个div拉伸到浏览器的边缘

回答

相关问题