將一個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拉伸到瀏覽器的邊緣

回答

相關問題