为什么是这种效果？？-慕课网

为什么是这种效果？？

来源：6-1 Float与流体布局

慕粉4333379

2017-04-13 11:10

代码：<style type="text/css">
div{
   border:2px solid #3CF;
   }
.aa{
   width:100%;
   float:left;}
p{
   margin-right:80px;
   }
img{
   width:50px;
   float:left;
   margin-right: -50px;
   padding-top:20px;
   }

</style>
</head>

<body>
<div>
<img src="毕设/PPT用图/bigdata.jpg"/>
<div class="aa">
<p>阿啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊阿啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
</div>
</div>
</body>
</html>