Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 调整窗口大小时,css定位样式是什么,使所有元素的定位保持不变?_Html_Css - Fatal编程技术网

Html 调整窗口大小时,css定位样式是什么,使所有元素的定位保持不变?

Html 调整窗口大小时,css定位样式是什么,使所有元素的定位保持不变?,html,css,Html,Css,我的html页面有一些文本、一个搜索栏、一个结果窗格、一个导航栏和其他几个元素,我希望它们彼此保持在相同的位置 我的想法是在相对定位的容器div中创建绝对定位的div,然后给它们所有的min/max像素值 如果我给他们最小/最大像素值,他们在调整窗口大小时不会改变大小/位置,对吗 但如果我这样做了,它们不适合安装在屏幕更小的显示器上吗 请原谅我的陈述中的任何不准确之处,我仍在学习过程中。如果您将高度和宽度设置为百分比,然后设置最小高度和最小宽度,则div将根据父div的大小进行调整(这取决于父窗

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

我的想法是在相对定位的容器div中创建绝对定位的div,然后给它们所有的min/max像素值

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

但如果我这样做了,它们不适合安装在屏幕更小的显示器上吗


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

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

绝对定位通常不用于元素的常规定位,因为它将元素从文档的正常流中移除。你需要更多的信息来了解你想要完成什么,或者因为太模糊而有可能被锁定。是的,这太模糊了。这种事情在问题/解决方案的基础上不起作用;你必须学习CSS定位如何有效地使用它(如果有的话)。在谷歌上搜索一下,但在学习这类东西时,请远离学校。