Html 如何防止重新调整浏览器窗口的大小而使元素相互移动?

Html 如何防止重新调整浏览器窗口的大小而使元素相互移动?,html,css,Html,Css,我正在使用CSS 假设我有两个相邻的图像元素。如何做到这一点,如果我将浏览器的大小更改为小于两个图像的宽度,这将导致页面获得一个水平滚动条(而不是将第二个图像推到第一个图像下方)?您需要使用相对定位 例如: test { position:relative; left:200px; } 这样,图像的位置将基于其左侧其他对象的位置(在您的情况下是另一个图像) 也可以基于windows坐标放置绝对位置 希望这有帮助 IronWill将它们放在一个容器div中,定义的宽度等于或大于图像的总和。有一百

我正在使用CSS


假设我有两个相邻的图像元素。如何做到这一点,如果我将浏览器的大小更改为小于两个图像的宽度,这将导致页面获得一个水平滚动条(而不是将第二个图像推到第一个图像下方)?

您需要使用相对定位

例如:

test
{
position:relative;
left:200px;
}
这样,图像的位置将基于其左侧其他对象的位置(在您的情况下是另一个图像)

也可以基于windows坐标放置绝对位置

希望这有帮助
IronWill

将它们放在一个容器div中,定义的宽度等于或大于图像的总和。有一百万种方法可以做一些事情。具体的代码示例在哪里?