css-float - 元素的盒子(盒子模型)在 Chrome 中相互重叠?

标签 css-float cross-browser css

我遇到了 Chrome 与 FF 的跨浏览器兼容性问题。

这是从 Chrome 检查的网页,您会看到 DIV #content 的框与 H3 的框重叠。

在 FF 中,#content DIV 不重叠:

问题是重叠的差异导致相对定位 DIV 的医生头后的背景(浅蓝色 Canvas 纹理)关闭。在 Chrome 中定位良好,在 FF 中绿色的“查看所有按钮”超出了背景。

网站链接:http://terminalcitymarketing.com/drafts/highgate/

最佳答案

在我看来,它们似乎都在同一个地方,只是 chrome 在检查器中向您显示的区域与 FF 不同。我认为这根本不是问题。

关于css-float - 元素的盒子(盒子模型)在 Chrome 中相互重叠?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10923516/

相关文章:

html - 设置其他元素左侧的 float 后,位置粘性不起作用

css - 将文本与 float img 对齐

html - 两个元素拒绝漂浮在第三个元素旁边

html - css3 列和溢出隐藏

html - Internet Explorer CSS 内容属性后出现光标

javascript - 如何在 chart.js 中更改图表高度

html - CSS 中的文本流动

css - 哪个边框半径属性适用于 IE9?

html - 覆盖:hover style to be the same as normal style?

html - 如何防止下拉菜单隐藏在 Spectre CSS 中带有徽章的按钮后面