13.浮动

1.什么是浮动

       HTML浮动是CSS（级联样式表）中的一个重要概念，它主要用于控制元素的布局和对齐方式。通过浮动，可以使元素脱离正常的文档流，实现文本的环绕、元素的并列排列、文字环绕图片等效果。

在CSS中，使用float属性来设置元素的浮动。float属性有三个值：

• left：元素向左浮动。
• right：元素向右浮动。
• none：元素不浮动，这是默认值。

       当元素设置为浮动时，它会尽可能地向左或向右移动，直到遇到父元素的边界或其他浮动元素。浮动元素之后的文本和内联元素会环绕浮动元素，形成文本环绕图片的效果。

        需要注意的是，浮动元素会脱离正常的文档流，这意味着它们不再占据原本的空间，可能会影响布局。因此，在使用浮动时，需要谨慎处理浮动元素的高度和宽度，以及与其他元素的相对位置关系。

为了解决浮动带来的布局问题，可以使用clear属性来清除浮动。clear属性有三个值：

• left：不允许左侧有浮动元素。
• right：不允许右侧有浮动元素。
• both：不允许左右两侧有浮动元素。

      通过给需要清除浮动的元素设置clear属性，可以确保它们不会受到浮动元素的影响，从而保持布局的稳定性。

此外，