html - 我的 html 页面结构在 Firefox 中损坏,但在 Safari 或 Chrome 中没有

标签 html css google-chrome firefox

<分区>


关闭 5 年前

在我刚刚处理的网站中,在 Chrome 和 Safari 上似乎一切正常,但我的页脚和分隔符在 Firefox 上似乎随机跳转。

链接是www.wokrooms.be/en .

它发生在照片 block 上。

最佳答案

在您的 html 中将 photo_block 部分更改为

<div class="container">
 <div class="row">
  <div class="col-*"></div>
 </div>
</div>

https://codepen.io/nikhilrajnair/pen/mwgzQW

根据 Bootstrap 官方文档,将容器类和 col-class 放在同一个 div 中是不好的。 更多访问 Bootstrap

关于html - 我的 html 页面结构在 Firefox 中损坏,但在 Safari 或 Chrome 中没有,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45139408/

上一篇:javascript - 图像导入在 Chrome 中不起作用,但在 Firefox 中有效

下一篇:javascript - 网页滚动时滚动固定位置div(overflow y)

相关文章:

Jquery 如果 div 在页面上可见?

html - 有没有办法让 iFrame 中的链接重定向到其源?

html - 如何并排对齐 ul 列表?

css - 右侧下拉菜单

javascript - chrome.webRequest redirectUrl,URL 保存在 chrome.storage.local 中

javascript - 使用变量更改 ListView 的背景颜色

css - HTML 表格大小被 IE 改变

html - 将 div 置于父 div 之下

弹出菜单的CSS在Chrome中工作不同

javascript - CRX 文件未下载