Day.01.30 css浮动经典小案例

2019年5月12日 145次阅读 来源: 挂树上的骷髅怪 
<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> 浮动的小案例 </title>
    <style type="text/css">
        #div1{
            width:400px;
            height:400px;
            border:1px solid red;
            background-color:pink;
        }
        #div1 img{
            width:100px;
            float:right;
            margin:0 5px 5px 0;
        }
    </style>
 </head>
 <body>
    <div id="div1">
        ![](s1.jpg)丙申年初三戌时 丙申年初三戌时 丙申年初三戌时 丙申年初三戌时 丙申年初三戌时 丙申年初三戌时 丙申年初三戌时 丙申年初三戌时 丙申年初三戌时 丙申年初三戌时 丙申年初三戌时 丙申年初三戌时 丙申年初三戌时 </img>
    </div>
 </body>
</html>

小结:
1.不浮动的时候字上面会有一片空白;

《Day.01.30 css浮动经典小案例》 css.png

    原文作者：挂树上的骷髅怪
    原文地址: https://www.jianshu.com/p/c3b34df33cd6
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞