html - 更新的谷歌浏览器改变了绝对定位 XHTML 1.0

标签 html css google-chrome

办公室中的一些计算机已经更新了他们的 Google Chrome 浏览器。我目前使用的是版本 38.0.2125.111 m。我们的网站是使用 XHTML 1.0 构建的。我没有对网站进行任何更改,但突然之间,我设置为 800px 的左侧定位现在比应有的更靠左了。

我知道这是 Google Chrome 的更新,因为不是每个人都遇到过时版本的问题。我还在 Chrome Canary 上检查过它,它做同样的事情。我用 IE 10 交叉检查了该网站,它似乎呈现得很好。现在我有一些文本与另一个 DIV(搜索框)重叠。这是问题部分。我可以添加更多左侧 PX,但我想知道它为什么会发生变化,也许有什么更好的方法可以避免再次发生这种情况。

<div style="left: 800px; height: 30px; position: absolute; top: 50%; margin-top: -11px;
        z-index: 1;">
        <a id="HyperLink1" href="#" style="color:Yellow;font-style:italic;">Logout</a>
    </div>

最佳答案

我不知道谷歌浏览器为什么改变了定位方式,但为了避免它和其他 future 的修改,我建议你使用 a CSS reset ,它确保您将在每个浏览器上拥有“标准”初始 CSS 属性。

关于html - 更新的谷歌浏览器改变了绝对定位 XHTML 1.0,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26933992/

相关文章:

javascript - 如何从字符串创建 URL 链接

javascript - 视频中每一帧的主色

google-chrome - 您在哪里可以找到或如何创建 chrome 扩展 key 并将其放置在您的 manifest.json 文件中?

javascript - 如何在 chrome 中使用 jquery.load() 在 html 中嵌入文件

Python正则表达式-获取时间和日期

html - 如何在框中写入文本,使其仅覆盖框的 50%?

jquery - 像表格排序器一样向 <th> 添加排序箭头

javascript - 如何在 IE8 html4 中检查文件大小

html - 浏览器兼容性问题 - :active button state making button disappear in Firefox, IE 和 Opera

html - 避免在容器中不增加任何高度的情况下右浮动 DIV 包装