Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html .clearfix还需要吗？_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html .clearfix还需要吗？

Html .clearfix还需要吗？

html css

Html .clearfix还需要吗？,html,css,Html,Css,最后一个问题。我继承的代码具有以下内容： .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide

最后一个问题。我继承的代码具有以下内容：

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
好像有很多黑客。对于现代浏览器IE7及以上版本，这仍然需要吗？

对于现代浏览器，您不需要使用所有这些

只需使用
overflow:hidden
即可，在99%的情况下就足够了

请参阅深入讨论此问题的相关问题：

一种非常简单的跨浏览器方法一直适用于我，它将此放置在任何浮动内容下面：

<div style="clear: both;">&nbsp;</div>
如果您想更整洁，也可以使用
class=“clear”

空间并不总是必要的，但在某些情况下是必要的。

我仍然使用它，只是因为我宁愿在我的所有元素上都有
class=“clear”
vs
overflow:auto
或
hidden
。

复制：我把溢出放在哪里：hidden？我习惯于将class=“clearfix”添加到我的许多元素中，我可以将它放在类似body{}的css中吗？我倾向于将
overflow:hidden
添加到每个需要它的元素中。因此，如果您有一个包含浮点数的div:
，那么您可以在CSS中编写
#container{overflow:hidden}
。不要将
溢出：隐藏
放在
正文
：这将阻止您的页面滚动。谢谢。我将它添加到具有ID的div的CSS定义中。但是该div中有更多的div。它会被div中的div继承吗？不，不可继承。然而，clearfix类也是不可继承的——正如您所说，您习惯于将
clearfix
类添加到许多
div
s中。您只需要向包含
浮动
ed元素的
div
s添加浮动清除。您不需要（浮动清除）向许多元素添加
溢出：隐藏
。