Css Clearfix导致Webkit显示错误

我使用了一个CSS：

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0
} 

把事情推到新的轨道上。但是，在Webkit中，它会导致一堆内容消失，并将容纳内容的框移动到屏幕底部。这个技巧在IE和Firefox中正常工作

---

我做错了什么？如何修复它？

问题可能在您的代码中，我们看不到。但是试着使用这个清晰的补丁。每次都对我有用：

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

---

你能提供一些代码和这个问题的演示吗？我更喜欢另一种清晰的方法：在没有任何上下文的情况下向我们展示你的

clearfix

技巧有什么好处？显示应该“修复”的HTML代码！