理解float属性

float属性是CSS布局和设计的基础。

float 属性允许元素在设计中四处移动，使得其他元素可以环绕在他的周围。

元素是水平而不是垂直浮动的，因此需要关心的值只有两个：lift和right。

在使用float属性时,浮动的元素尽可能远的向右边或者向左边浮动，只要包含元素允许即可。

<!DOCTYPE HTML>

<HTML  lang="en">
   <head>
     <title> Color Blocks</title>
           <style type="text/css">
               body{
                       margin:0px;
                       }
               div{
                    width:250px;
                    height:100px;
                    border:5px solid #000000;
                    color: black;
                    font-weight:blod;
                    margin:25px;
                     }
                div#d1{
    background-color:red;
    float: left;
}
                div#d2{
    background-color:green;
    float: left;
}
                div#d3{
    background-color:blue;
    float: left;
}
    </style>
    </head>
<body>
        <div id="d1">DIV #1</div>
          <div id="d2">DIV #2</div>
            <div id="d3">DIV #3</div>
            </body>
         </html>

float属性是CSS布局和设计的基础。

猜你喜欢