Question

html中加了很多层div,为什么网页缩小时各部分会错位

一个网页游戏页面，因为很多图片相互覆盖,所以有很多个div层，但是，在浏览器中缩小网页时，及部分的div各走各的。贴上代码，仁兄可以在浏览器上泡一下，帮我看看。谢谢！

Answer 1

现在的大部分都是div+css的布局，出现问题是很常见的，如网页缩小时候的错位：
1，因为你的DIV的宽高是确定的值，所以你一缩小，自然你的浏览器宽度和高度就发生了变化，自然就会造成div的挤压，因为导致错位，就像代码中的一样：
<div id='main'>
<div class='a' style="width:1000px; flaot:left;">aaa</div>

<div class='b'style="width:1200px; flaot:left;">bbb</div>
</div>

这样浏览器的宽度不够自然就错位了

Answer 2

在缩小时是因为一些层没有跟着缩小导致错位，我想是这样吧。那些不随着缩小的层是因为你加了样式：position:relative。

Answer 3

可能是一些层里的内容问题，还有层的定位，在浏览器缩小的时候，各走各的，引起页面变形是正常的，就像，你定位一个层距离最顶部的距离是100，那么缩小的时候，他距离顶部的距离并没有缩小，所以引起变形。都很正常的。

Answer 4

你可以做流体浮动布局，可以让你的网页随着浏览器窗口变化大小

追问

流体浮动布局，如何做呢？如何写呢？

Answer 5

多个层覆盖。肯定用到了定位。那么在缩放时。各走各的是很正常的。

追问

不会吧，那些网页游戏页面不也是那么多层的覆盖吗，，，还能随意放大缩小呢

追答

网游大多都是FLASH。