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

html-css0323

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的大小。