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

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

我添加了“DOCTYPE”标记和元标记。我认为位置属性有问题，所以我尝试“相对”和“静态”而不是“绝对”，但没有任何改变。

我能做些什么？

使用绝对定位一切将做到这一点。保持一切都是静态的，除非你确实需要AP，并且当你使用AP创建AP元素相对位置的父元素或祖父母时，你有一个基础位置。

2010-09-26 22:59:23

如何使AP元素的父元素或祖父母的位置相对?? ,,,你是什么意思，“所以你有一个基地来摆脱”?? ,,,如何保持一切“静态”而静态定位元素不受顶部，底部，左侧和右侧属性的影响？ – 2010-09-26 23:39:19

Div 1是3的祖父母元素，也是div 2的父亲元素。将div 1上的类设置为相对而非绝对。静态属性不受顶部，底部，左侧和右侧的影响，但它们受边界的影响，可以达到同样的效果。这回答您的评论... – Nicknameless 2010-09-27 19:23:27

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

2010-09-26 22:59:29

这里是我的问题的一个例子，请尝试minmizing下面的页面，并保持最小化，看看发生了什么布局 – 2010-10-04 22:28:14

我认为你是HTML/CSS的新手，因为你应该始终有一个DOCTYPE，否则你的代码将最难对付，并会打破跨浏览器。

在任何情况下使用绝对值不是由我自己或其他人推荐的。但是你可以在你的页面上添加一个包装div，将其设置为相对，这可能会有所帮助，那么你就不必重新编码你的页面来解决这个问题。但是，如果没有你的代码或者一个没有办法说明的例子，它可能不会有太大的作用。

2010-09-27 19:30:09 Nicknameless

回答