DIV+CSS页面窗口缩放导致DIV框架变形变形,刷新可恢复, 求大侠帮忙解决。谢谢

html-css019

DIV+CSS页面窗口缩放导致DIV框架变形变形,刷新可恢复, 求大侠帮忙解决。谢谢,第1张

边栏的位置估计是js控制的吧。解决方法的话。如果用js解决 ，就如anhuiheliang所说的用window.onresize事件来控制。使用css控制的话。可以用个div把所有内容包裹起来，设置这个div的position:relative.宽度设置成你内容的宽度，最后设置居中。

浏览器默认没有样式的，你在加了全局样式后如果个别地方需要单独样式可单独设置，例如：

body

{margin:0

autopadding:0}

.a

{margin:5pxpadding:0

0

0

10px}

<body>

<div

class="a">这里是内容</div>

这里的a就是局部样式的定义了。

楼主没明白position:absolute和position:relative的用法

简单说一下，他外层如果有position:relative或者position:absolute元素。

则他的top，left，right,bottom值以外层元素为参照对象。否则以文档为参照对象

楼主的问题应该是设定了right或bottom，但外层没有position:relative或者position:absolute

所以元素参照文档（你可以理解为窗口），所以窗口变化元素位置就都变了

你要在外层加一个元素，扩上你body以内的所有标签，然后给它设定position:relative然后参照这个元素调整一下里面的布局。就不会有文档缩放，元素变位的问题了