1. 首頁
  2. 問答
  3. 設置div的寬度相對於瀏覽器窗口的寬度

設置div的寬度相對於瀏覽器窗口的寬度

2013-01-14 102 views
4

如何設置div的width屬性，使其始終佔瀏覽器窗口寬度的百分比？設置div的寬度相對於瀏覽器窗口的寬度

例如，

  • 當瀏覽器窗口的寬度是1920px，所述div的寬度是1536px（80％）
  • 當瀏覽器窗口的寬度爲1600像素，則div「 s寬度是1280px（80％）

等等？

來源

2013-01-14 Chin

回答

5

您應該使用包裝div並將其設置爲等於瀏覽器寬度的100％，然後放入所需的div並將其設置爲width:80%。這將允許您將您想要的div居中。 （使用margin:0 auto此。）

這裏的一個的jsfiddle與演示：http://jsfiddle.net/6Lwpr/

來源

2013-01-14 05:38:27

+0

那我該怎麼做100％？ – Chin

+0

對不起，我忘了附上JSFiddle。你可以將所需的div作爲'wrapper' div的子元素，並設置爲'width：100％;'。所以基本上，你會最終得到這個：'

' –

0

使用本

.main 
{width:100%; 
margin-left:auto; 

margin-right:auto; 


} 
.content 
{ 
width:80%; 
margin-left:auto; 

margin-right:auto; 

}

來源

2013-01-14 06:18:24

相關問題

 相關問題