在HTML5中，取消浮动的标签是CSS中的属性，而不是具体的HTML标签，但为了更好地理解这个问题，我们可以从HTML和CSS的关系说起，在网页设计中，我们经常需要使用CSS样式来控制HTML元素的布局，我们会给某些元素设置浮动属性，以实现特定的布局效果，但随之而来的问题就是，如何取消这些浮动带来的影响呢？
我们来了解一下什么是浮动，在CSS中，浮动属性（float）用于控制元素的水平和垂直位置，当一个元素被设置为浮动时，它会脱离常规的文档流，并向左或向右移动，直到碰到父元素的边界或另一个浮动元素，浮动属性常用于实现多列布局、图文混排等效果。
当我们设置了浮动后，为什么需要取消浮动呢？
1、浮动元素会影响其周围的元素布局，如果一个父元素内部的子元素都设置了浮动，那么父元素的高度可能会变为0，导致布局出现问题。
2、为了让父元素能够正确包裹内部的浮动元素，我们需要清除浮动带来的影响。
我们来谈谈如何取消浮动。
在HTML5中，取消浮动的常用方法有以下几种：
1、使用clear属性：CSS中的clear属性用于清除元素周围的浮动影响，它可以设置为left、right、both，表示清除左浮动、右浮动或左右浮动。
以下是一个详细的内容，关于如何使用标签来取消浮动：
方法一：使用额外标签法
额外标签法是最简单的一种取消浮动的方法，我们可以在浮动元素的下方添加一个空的块级元素，并给这个元素设置clear属性。
<div class="parent">
<div class="float-left">左侧浮动元素</div>
<div class="float-right">右侧浮动元素</div>
<!-- 清除浮动 -->
<div style="clear: both;"></div>
</div>这种方法虽然简单，但会添加额外的HTML标签，不利于代码的维护。
方法二：使用伪元素
为了避免添加额外的HTML标签，我们可以使用CSS伪元素来清除浮动，这种方法在业界被广泛使用。
.clearfix::after {
content: "";
display: block;
clear: both;
}在需要清除浮动的父元素上添加clearfix类：
<div class="parent clearfix">
<div class="float-left">左侧浮动元素</div>
<div class="float-right">右侧浮动元素</div>
</div>方法三：使用overflow属性
另一种取消浮动的方法是利用overflow属性，给父元素设置overflow值为hidden或auto，可以触发BFC（块级格式化上下文），从而清除浮动。
.parent {
overflow: hidden; /* 或auto */
}<div class="parent">
<div class="float-left">左侧浮动元素</div>
<div class="float-right">右侧浮动元素</div>
</div>三种方法都可以有效地取消浮动带来的影响，在实际开发中，我们可以根据具体需求选择合适的方法，需要注意的是，虽然这些方法在HTML5中仍然有效，但在现代前端开发中，我们更推荐使用Flexbox或Grid布局来实现更高效、更简洁的布局方式。
