是否有必要使用带有<div>的结束标记来清除浮动?</div>

时间:2012-02-14 15:07:28

标签: css html css-float clear

当使用样式为 clear:both 的DIV元素清除前一个浮点数时,是否需要对DIV元素使用开始结束标记?这是一个例子......

这样可以吗?

<div style="clear:both;" />

还是应该这样?

<div style="clear:both;"></div>

3 个答案:

答案 0 :(得分:2)

您需要结束标记或浏览器will not think the tag is closed

但是,为什么你甚至想要使用<div style="clear:both;"></div>?这涉及无缘无故地添加额外的非语义div

有更好的方法来包含/清除浮动:

  • 在包含浮动元素的元素上使用overflow: hidden
  • 或者,使用诸如"micro clearfix"
  • 之类的clearfix

答案 1 :(得分:1)

如果您使用的是XHTML,则可以使用<div />,如果您使用的是HTML 4.X,则应添加</div>

答案 2 :(得分:1)

它在HTML 4&amp;也在HTML5中。在XHTML中有效。可能会被浏览器错误地拦截。