Question

css怎么写才能让页面在屏幕放大缩小时不会走样

我的每个父div都设position为relative，宽度是百分比，margin auto，但是有些位置还是随着页面放大缩小而走样，图片是我用公司电脑看的，而页面是我用家里手提做的，公司电脑比我手提屏幕大很多





Answer 1

父级的div的width：100%；height：固定值，如果设为position：relative的话，子级的div用position：absolute。
如果你怕因为屏幕的大小而不好设置的宽高的话，建议你顶部导航和底部版权栏的盒子设为width：100%； 中间正文部分就用固定width，margin：0 auto居中，中间的div全部居中就不会因为屏幕尺寸影响太大，最多是比例的问题。

追问

那如何让网页随着放大缩小等比例缩放呢，我的网页缩放时那些框总是被挤出去或者变样

追答

1.挤出去说明是你div的width和height的问题，有可能是父级div的width和height小了，也有可能是子级div的width和height多了，还要考虑的子级的border边框大小和padding内边距也占距离的。
2.也有可能是你内容外面没有一个大的父div把所有子级div包含住，你缩放页面时，页面的宽度增加导致div浮动。

Answer 2

首先把装img的容器设置成跟img一样大，再设置子容器的position：absolute；

Answer 3

上面的鼠标悬停图片显示效果是怎么做到的？有代码吗？