将div的宽度设置为相对于浏览器窗口的宽度

Question

如何设置a的width属性div,使其始终是浏览器窗口宽度的百分比？

例如,

• 当浏览器窗口的宽度为1920px时,div宽度为1536px(80%)
• 当浏览器窗口的宽度为1600px时,div宽度为1280px(80%)

等等？

Answer 1

您应该使用包装器div并将其设置为浏览器宽度的100%,然后将所需的div设置为width:80%.这样您也可以将所需的div居中.(margin:0 auto用于此.)

这是一个带有演示的JSFiddle:http://jsfiddle.net/6Lwpr/