我面临一个奇怪的问题。我正在使用CSS-Tricks上描述的简单 CSS clearfix hack来清除浮动。代码片段:
*:after {
content: "";
display: table;
clear: both;
}
但是,添加上述代码会导致文本在 Chrome 和 Safari 中不可见。我现在已经在几台设备上对其进行了测试,每次都得到相同的结果,但我不明白为什么这会破坏任何东西。然而,火狐
您可以在此处查看工作版本和在此处查看损坏的版本。如果您检查页面源,唯一的区别是上面的代码片段被注释掉了。
问题截图http://cl.ly/image/3h1s0Q31473Q
我花了一些时间环顾四周,但在其他任何地方都找不到任何提及这个问题的地方。在 Firefox 中一切都很好。
提前致谢,
-扎克