居中问题怎么解决(居中问题)

lxf2023-03-18 17:47:01

制作页面时,在正文中添加一个layer

,然后制作# wrapps { margin:0px auto;宽度:960px}

这个居中是居中,但是当内容发生变化,正文中出现垂直滚动条时,整个内容会水平移动。

目前我的解决方案是让垂直滚动条一直显示,但是不知道怎么做。或者有什么其他好的解决办法?

注意:页面高度是不确定的,所以垂直滚动条的有无也是不确定的。



回复讨论(解决方案)

正文,html {宽度:100%;身高:100%;溢出-x:隐藏;最小宽度:960像素;边距:0;填充:0;}

正文,html {宽度:100%;身高:100%;溢出-x:隐藏;最小宽度:960像素;边距:0;填充:0;}

不管用。

滚动条可能会产生超过10个像素的距离,自动环绕边距当然会被重新计算并稍微调整。你不想重新计算吗?

最好没有宽度:960px给一个百分比可以控制滚动条。

# wrapps { margin:0px auto;宽度:960px边框:1px纯红;位置:相对;左:0;top:0;}

123
身体高了,div会动吗?


这是什么意思?

对于五楼,如果我切换浏览器窗口大小会怎样?最大化,减少…

HTML代码










# wraps {
margin:0px auto;宽度:960px
......

说明你的方法也是值得参考的,但是就像changjay说的,在中等大小和最大大小之间切换还是有些小问题。非常感谢!期待更好的解决方案,我自己写js。