最小化浏览器窗口会影响页面样式

Question

我使用CSS / HTML设计了一个网页。 我为所有div提供了绝对位置属性，并使用％而不是px来表示所有维度。 我的问题是最小化浏览器窗口会使我的div干扰，改变它们的大小，看起来很乱。

我添加了“DOCTYPE”标记和元标记。 我认为position属性有问题所以我尝试了“relative”，“static”而不是“absolute”但没有改变。

我该怎么办？

Answer 1

我认为你是HTML / CSS的新手，因为你应该总是有一个DOCTYPE，否则你的代码最有效并且会破坏跨浏览器。

不建议我自己或其他任何人使用绝对值。但是你可以在你的页面周围添加一个包装div，将它设置为相对，这可能会有所帮助，那么你就不必重新编码你的页面来解决这个问题。但话说回来，如果没有你的代码或一个例子，它根本没有什么可做的，真的没办法说出来。

Answer 2

使用所有内容的绝对定位将完全如此。保持一切都是静态的，除非你真的需要AP，并且当你使用AP时，要让AP元素位置的父元素或祖父母相对，这样你就有了一个基础来定位。

Answer 3

当您调整浏览器窗口的大小时，宽度和高度会发生变化，因此您的相对位置会发生变化并破坏您的布局。经验法则是：除非不可避免，否则不要使用绝对定位。使用标准文档流程并尽可能浮动。