css浮动原理的作用是什么以及它是如何工作的以及如何处理？

工作原理：浮动元素不在文档流中，不占用空间。当浮动元素到达现有边界或浮动元素的边界时停止。

影响：

• 浮动会导致父元素未打开，导致与父元素相同的元素。
• 与浮动元素同级的非浮动元素，如果是块级元素，会移动到该元素下方，块级元素中的行内元素会包围浮动元素；如果元素是内联的，它们将包围该元素。浮动元素。
• 对于与元素同层的浮动元素，对于同一方向（同一层）的浮动元素，两个元素都会跟随它们遇到的浮动元素；对于向不同方向浮动的元素，当宽度足够时，它们会向不同方向浮动。如果宽度不同，就会导致换行（换行和HTML的书写顺序有关，后面会浮动到下一行）非浮动元素，和忽略浮动元素是一样的。如果元素是浮动的，则与同级的浮动元素相同。
• 常用的清理浮动的方法包括使用空标签、溢出、伪元素等。当使用基于浮动设计的CSS框架时，会提供清理方法。我不习惯使用浮动来布局。