使用 javascript 从 float:left 切换到 clear:both 后无法居中对齐已清除的 div（为什么？）答案

【问题标题】：Can't center align a cleared div after using javascript to switch from float:left to clear:both (WHY?)使用 javascript 从 float:left 切换到 clear:both 后无法居中对齐已清除的 div（为什么？）
【发布时间】：2014-10-26 11:44:04
【问题描述】：

我正在使用 javascript 来根据分辨率更改样式表，我想知道为什么在将 div 更改为 center:both 后，以前向左浮动的 div 不能居中。

这里是after.css、before.css、before2.css的代码：

来自：after.css（这是我想将浮动：左切换为居中和清除时使用的样式表：两者）

.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;
}

【问题讨论】：

没有看到 HTML 真的很难说发生了什么。

标签： html css layout stylesheet

【解决方案1】：

解决方法很简单：在每个需要动态切换的div中添加float:clear为clear:float。

【讨论】：