float的属性_float四个属性的性质-优快云博客

本文链接：https://blog.youkuaiyun.com/Robbenlf/article/details/122188327

思路1:浮动（漂浮在标准文档流之上）
思路2：常用的属性值
float:left
float:right
float:none
案例：
<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <style type="text/css">
           div{
              margin: 10px;
              padding: 5px;
           }
           #father{
              border: 1px solid red;
           }
           #im1{
              border: 1px dashed blue;
              float: right;
           }
           #im2{
              border: 1px dashed blue;
           }
           #im3{
              border: 1px dashed green;
           }
           #im4{
              border:1px dashed blue;
           }
       </style>
   </head>
   <body>
       <div id="father">
           <div id="im1">
               <img src="image/photo-1.jpg"/>
           </div>
           <div id="im2">
               <img src="image/photo-2.jpg"/>
           </div>
           <div id="im3">
               <img src="image/photo-3.jpg"/>
           </div>
           <div id="im4">
               我是范德萨发生发到发送地方阿斯蒂芬sad发放
               我是范德萨发生发到发送地方阿斯蒂芬sad发放
               我是范德萨发生发到发送地方阿斯蒂芬sad发放
               我是范德萨发生发到发送地方阿斯蒂芬sad发放
           </div>
       </div>
   </body>
</html>