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

前端之家收集整理的这篇文章主要介绍了css – 将div的宽度设置为相对于浏览器窗口的宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何设置div的width属性,使其始终是浏览器窗口宽度的百分比?

例如,

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

等等?

解决方法

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

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

原文链接:https://www.f2er.com/css/242171.html

猜你在找的CSS相关文章