Html 在webkit浏览器中，窗口上的元素位置更改会调整大小，而不考虑绝对位置
我有一个元素放在一个网站的图片上面。图像在所有浏览器中都以正确的位置加载到窗口中，并重新定位到除webkit（Safari和Chrome除外）以外的所有浏览器中它所属的位置。在webkit浏览器中，当您尝试调整窗口大小时，它会将元素重新定位到图像下方，并设置其相对于图像的边距 这是我的html：Html 在webkit浏览器中，窗口上的元素位置更改会调整大小，而不考虑绝对位置,html,css,webkit,position,css-position,Html,Css,Webkit,Position,Css Position,我有一个元素放在一个网站的图片上面。图像在所有浏览器中都以正确的位置加载到窗口中，并重新定位到除webkit（Safari和Chrome除外）以外的所有浏览器中它所属的位置。在webkit浏览器中，当您尝试调整窗口大小时，它会将元素重新定位到图像下方，并设置其相对于图像的边距 这是我的html： <body> <div class="header-image"> <img id="headerimg" src="images/header.jpg" alt="
<body>
<div class="header-image">
<img id="headerimg" src="images/header.jpg" alt="" />
<img id="link-header" src="images/link-header.png" alt="" />
</div>
</body>
就像我说的，其他浏览器都能很好地调整大小。只有webkit遇到了这个问题。有什么想法吗？这肯定与图像无关，因为我没有使用任何图像，并且在1159px以上的Chome和1209px以上的apple safari上也经历过同样奇怪的大小、定位和居中行为，但在apple上，行为略有不同。1235px和1250px之间的尺寸不同。我意识到这不是一个很好的诊断帖子，但它和我目前拥有的一样好。如果我发现更多，我会发布更多。这是在调整大小后在winXP机器上测试的。我挠了几个小时的头，所以你肯定不是一个人
在您的情况下，如果可以将大小设置为1200px以下，应该可以解决此问题。很抱歉，我没有更多帮助。它“重新定位”的是什么元素？如果你制作一个JSFIDLE或CodePen，那么就容易多了：）重新定位的是#link header元素。我想做一个JSFIDLE，但这是为了工作，由于法规遵从性问题，我无法发布任何图像。很抱歉。有什么想法吗？
body { max-width:1236px; margin:0 auto; position:relative; }
.header-image { width:100%; height:auto; max-width:1236px; margin:0 auto; position:relative; }
#headerimg { width:100%; max-width:1236px; height:auto; }
#link-header { position:absolute; right:0; margin-right:10%; margin-top:275px; }