css浮动

作者：黑白灰调发布日期:2026-05-19 浏览:78

/* 示例代码：CSS浮动 */

/* 1. 左浮动 */
.left-float {
    float: left;
}

/* 2. 右浮动 */
.right-float {
    float: right;
}

/* 3. 清除浮动 */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* 解释说明：
- `float: left;`：使元素向左浮动，直到它的左侧碰到包含块或另一个浮动元素的边缘。
- `float: right;`：使元素向右浮动，直到它的右侧碰到包含块或另一个浮动元素的边缘。
- `.clearfix::after`：清除浮动的影响，防止父元素高度塌陷。通过在父元素中添加一个伪元素，并设置 `clear: both;` 来清除浮动。
*/

上一篇：css超出显示省略号

下一篇：transition css