在重新调整窗口和移动设备大小时，保持div不重叠

Question

在重新调整浏览器窗口大小时，有很多关于div重叠的讨论，但我仍然找不到适合我的解决方案。

这是我发布的网站：http://jsfiddle.net/uXZp2/1/

我在3个div上使用固定位置：

.box1 {
    width: 23%;
    display:fixed;
    margin: 2% 54%;
}

.box2 {
    width: 30%;
    position:fixed;
    margin: 1% 15%;
}

.box3 {
    width: 25%;
    position:fixed;
    margin: 13% 17%;
}

我看到一个讨论谈论使div的位置绝对，但这不会只会使事情变得更不稳定吗？

如何防止div重叠？ 当我重新调整窗口大小时，有没有办法'告诉'div来安排，所以当窗口的宽度很小时，div会垂直排列？ （这也适合移动浏览）。

由于