0

前言...

我正在考虑更新我的网站以使用 Bootstrap 3 并使用响应式布局。我注意到网站上使用的排名第一的浏览器（令人震惊）是 safari mobile。IE8 是#5（仅领先于 Firefox）。因此，虽然 IE6 + IE7 的总使用率为 0.9%，但我没有支持它们的计划，但 IE8 仍然足以尝试解决这个问题。

问题....

我有三个 div，其布局根据屏幕浏览器宽度而变化。设置如下：

html:

<div class="col-sm-7">#1</div>
<div class="col-sm-5 floatright">#3</div>
<div class="col-sm-7">#2</div>

CSS：

.floatright{float:right; clear: none;}
@media (max-width: 768px)
{    
    .floatright{float:none;}
}

关键是第二个 div (#3) 在右边。

这里有一个问题可以解决这个布局可以使用 Bootstrap 实现这个移动/桌面布局吗？（或其他网格）

我遇到的问题是在 IE8 div #2 auto-clearfixes 中。也就是说，内容不在 div #1 以下，但在 div #3 以下

警告...

我正在使用 IE10 -> IE8 兼容模式

4

0 回答 0