html - 调整窗口大小时保持所有元素定位相同的css定位样式是什么？

Question

我的 html 页面有一些文本、一个搜索栏、一个结果窗格、一个导航栏和几个其他元素，我希望它们彼此保持在相同的位置。

我的想法是在相对定位的容器 div 中制作绝对定位的 div，然后给它们所有最小/最大像素值。

如果我给他们最小/最大像素值，他们不会在调整窗口大小时改变大小/定位，对吗？

但是，如果我这样做了，那么它们不会不适合屏幕较小的显示器吗？

请原谅我的陈述中的任何不准确之处，我仍在学习过程中。

Answer 1

如果将高度和宽度设置为百分比，然后设置最小高度和最小宽度，则 div 将弯曲到父 div 的大小（取决于父窗口的大小）。该解决方案的问题在于，对于较小的屏幕尺寸窗口，如果单个 div 的内容需要换行，元素的绝对定位将不允许您向下移动它们。您可以使用默认浏览器设置和调整边距值来定位内部 div，并使用 float:left 或 float:right 定位需要相邻的元素。