css如何实现当你拉大或者缩小浏览器的时候 内容的位置不改变

html-css0208

css如何实现当你拉大或者缩小浏览器的时候 内容的位置不改变,第1张

把div的宽度固定死,就可以了,不过一般不会那么做,电脑的分辨率不同,宽度固定死了,浏览效果不好

<div align="center" style="width:100%min-width:1300pxheight:800pxbackground:#999padding-top:100px">

<div style="width:1000pxheight:300pxbackground:#fff"></div>

</div>

这里写了个min-width,就不解释原因了

这种功能我实现过,现在忘了代码放哪里了,可以给你提供一点思路:

body里面套一个div,然后所有的内容全部放在div中,div里面的内容全部用百分比来控制大小,当浏览器的大小改变时(触发onresize事件),计算浏览器页面大小,然后再修改最外层div的大小。