html - IE8 布局损坏 - IE7 模式正确

标签 html css css-float

用 IE 的“开发工具”搜索了 3-4 小时后,我不明白为什么。

此代码:https://tinker.io/b2c10在 IE7 模式、Chrome、Firefox 中正确生成布局。在 IE8 标准模式下,当您缩小视口(viewport)时,结果如下:

broken layout in IE8

下面是所有其他浏览器(包括 IE7)中的布局应该是/现在的样子:

correct layout

不用说我尝试了所有包括:

  • 减少 img 的最大宽度
  • 删除 Who's Who 部分与 display:inline-block 的
  • 从中间列中完全删除图像...

最佳答案

似乎 Sharepoint 如何转换我的源 html 使其无效...

关于html - IE8 布局损坏 - IE7 模式正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12802195/

相关文章:

javascript - 使用 next 和 previous 操作 slider

html - 如何在单击图像时开始播放嵌入式 iframe 视频

css - 内容 div 未填充页面,页脚未对齐

html - 没有嵌套容器的桌面和移动 flexbox 布局

css - 使用负边距时 float 重叠

html - Angular 中 tsconfig.json 和 tsconfig.app.json 文件的区别

html - flex 元素中的底部对齐文本

html - border-collapse 改变元素的宽度

html - 如何使用 HTML 和 CSS 对齐图像中显示的文本?

html - Bootstrap 用颜色填充整个列