Html Clearfix将内容向下推

我有一个有序列表，

li

项中的元素是浮动的，因此我将clearfix代码应用于li，但由于某种原因，

li

项中的内容被向下推

JS小提琴在这里：

.true-false-ol{}.true-false-ol>li:之前，
.真的假ol>李：之后{
内容：“；
显示：表格；
}
.真的假ol>李：之后{
明确：两者皆有；
}
.真的假的问题{
宽度：70%；
填充顶部：0；
浮动：左；
}
1.对错1.回答{
宽度：10%；
浮动：左；
}
p{
填充：0；
保证金：0；
}

始终尽可能快地向化学品中加水

测试


始终将化学品保存在其原始容器中

测试

显示：表格声明与每个

li

元素中文本的基线相混淆，导致文本被向下推

display:table

在clearfix中并不真正需要。事实上，它根本没有帮助clearfix工作。您可以将其替换为

display:block

，这样它就可以工作了

但是你根本不需要一个clearfix。通过对每个（连续的）

li

应用间隙，您可以正常清除浮动。我能想象你真正需要clearfix的唯一地方是

.true-false

或

.true-false-ol

，但这取决于你的布局。但我可以肯定的是，在

li

元素上绝对不需要它

.true-false ol>li{
明确：两者皆有；
}
.真的假的问题{
宽度：70%；
填充顶部：0；
浮动：左；
}
1.对错1.回答{
宽度：10%；
浮动：左；
}
p{
填充：0；
保证金：0；
}

始终尽可能快地向化学品中加水

测试


始终将化学品保存在其原始容器中

测试

显示：表格声明与每个

li

元素中文本的基线相混淆，导致文本被向下推

display:table

在clearfix中并不真正需要。事实上，它根本没有帮助clearfix工作。您可以将其替换为

display:block

，这样它就可以工作了

但是你根本不需要一个clearfix。通过对每个（连续的）

li

应用间隙，您可以正常清除浮动。我能想象你真正需要clearfix的唯一地方是

.true-false

或

.true-false-ol

，但这取决于你的布局。但我可以肯定的是，在

li

元素上绝对不需要它

.true-false ol>li{
明确：两者皆有；
}
.真的假的问题{
宽度：70%；
填充顶部：0；
浮动：左；
}
1.对错1.回答{
宽度：10%；
浮动：左；
}
p{
填充：0；
保证金：0；
}

始终尽可能快地向化学品中加水

测试


始终将化学品保存在其原始容器中

测试

显示：表格声明与每个

li

元素中文本的基线相混淆，导致文本被向下推

display:table

在clearfix中并不真正需要。事实上，它根本没有帮助clearfix工作。您可以将其替换为

display:block

，这样它就可以工作了

但是你根本不需要一个clearfix。通过对每个（连续的）

li

应用间隙，您可以正常清除浮动。我能想象你真正需要clearfix的唯一地方是

.true-false

或

.true-false-ol

，但这取决于你的布局。但我可以肯定的是，在

li

元素上绝对不需要它

.true-false ol>li{
明确：两者皆有；
}
.真的假的问题{
宽度：70%；
填充顶部：0；
浮动：左；
}
1.对错1.回答{
宽度：10%；
浮动：左；
}
p{
填充：0；
保证金：0；
}

始终尽可能快地向化学品中加水

测试


始终将化学品保存在其原始容器中

测试

显示：表格声明与每个

li

元素中文本的基线相混淆，导致文本被向下推

display:table

在clearfix中并不真正需要。事实上，它根本没有帮助clearfix工作。您可以将其替换为

display:block

，这样它就可以工作了

但是你根本不需要一个clearfix。通过对每个（连续的）

li

应用间隙，您可以正常清除浮动。我能想象你真正需要clearfix的唯一地方是

.true-false

或

.true-false-ol

，但这取决于你的布局。但我可以肯定的是，在

li

元素上绝对不需要它

.true-false ol>li{
明确：两者皆有；
}
.真的假的问题{
宽度：70%；
填充顶部：0；
浮动：左；
}
1.对错1.回答{
宽度：10%；
浮动：左；
}
p{
填充：0；
保证金：0；
}

始终尽可能快地向化学品中加水

测试


始终将化学品保存在其原始容器中

测试

它在FF中工作，但看起来Chrome仍然存在一些渲染问题@Josh Crozier:噢，天哪，为什么它在FF中工作，但看起来像Chro