float(实现导航栏)

前言

在制作导航栏之前我们先了解一下float

1.float用法

float是使元素向哪个方向浮动他的取值有left(向左浮动)、right(向右浮动)、none(不浮动)、inherit(继承父元素float属性的值)

既然知道了float的属性，我们不妨来试一下

     <style>
        .fa{
   
            margin: 0 auto;
            width: 200px;
            height: 200px;
            border: 1px solid red;
        }
        .div{
   
            width: 100px;
            height: 100px;
            background-color: red;