使用javascript从float：left切换到clear后，无法居中对齐已清除的div：两者（为什么？）

Question

我正在使用javascript根据分辨率更改样式表，我想知道为什么以前浮动的div在将div更改为center后无法居中：两者。

以下是after.css，before.css，before2.css代码：

From：after.css（这是我想要切换float时使用的样式表：left to centered AND clear：both）

.foobar {
    clear:both;
    width: 250px;
    height: 500px;
    margin-top:10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:10px;
    padding:0px;
}

发自：before.css（切换到after.css将清除但不是中心）

.foobar {
    width: 250px;
    height: 500px;
    float: left;
    margin: 12px;
}

这里是before2.css（切换到after.css将清除AND中心）

.foobar {
    width: 250px;
    height: 500px;
    margin: 12px;
}

Answer 1

解决方案非常简单：向每个需要动态切换为clear的div添加float：clear：float。