• 目录

float:浮动

阅读量: 312 编辑

float:浮动

float属性的值:

  • float:left :居左浮动

  • float:right:居右浮动

一、代码实战

代码的详细解读,可以参考视频教程。

新建 html 文件 06-float.html ,编写下方程序,运行看看效果吧

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>float浮动</title>
    </head>
    
    <body>
        <div>我是div1</div>
        <div style="float: right;">我是div2</div>
        <div style="float: left;">我是div3</div>
    </body>
</html>
  • 目录