【发布时间】:2020-06-10 15:33:52
【问题描述】:
我正在使用带有 clear:both 的 css 的 div;
div 没有内容,并且 clear:both 是唯一应用于它的样式。它在我的设备上运行良好,可以解决浮动问题。
我的问题是:div 是否需要内容,例如在所有设备和浏览器上工作的不间断空间?某些浏览器会忽略空 div 吗?
谢谢
【问题讨论】:
-
您应该查看clearfix 技巧。只需将该类应用于包装浮动元素的容器。通过使用伪类,您可以避免空元素。并不是说空元素一定是错误的,但伪元素更像是一种语义上正确的方式......
-
您可以使用伪
:before和:after元素,而不是添加额外的 div,以及micro clearfix hack- nicolasgallagher.com/micro-clearfix-hack -
其他感兴趣的链接:stackoverflow.com/questions/490184/…,stackoverflow.com/questions/6681768/… 在大多数情况下,您只需要在容器上使用
overflow:hidden;即可清除浮动元素,空的 div 东西很俗气。
标签: html