前端开发基础之CSS选择器——浮动

浮动的作用

早期：图文环绕
现在：让垂直布局的盒子变成水平布局

浮动的代码

属性名：float
左浮动：float: left;
右浮动：float: right;
代码如下：

    <style>
        .left {
     
            width: 100px;
            height: 100px;
            background-color: red;
            /* 设置左浮动 */
            float: left;
        }
        .right {
     
            width: 100px;
            height: 100px;
            background-color: skyblue;
            /* 设置右浮动 */
            float: right;
        }
    </style>