第一个div设置float后的margin-top为何不以body为基准

首页课程实战体系课手记专栏慕课教程

第一个div设置float后的margin-top为何不以body为基准

来源：2-1 float基本参数的介绍

weibo_飞来云去_0

2017-07-26 00:10:04

还有第二个div的文字被独自留在下面了呢？
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
            <title>float</title>
            <style type="text/css">
            *{padding: 0;
margin: 0}
.test1{
width: 100px;
height: 100px;
background:red;
float: left;

margin:10px; 
}
.test2{
width: 100px;
height: 100px;
background:green;
float:;
line-height:100px;
margin:10px; 
}

            </style>
        
    </head>
    <body>
        
            <div class="test1">1</div>
            <div class="test2">23434</div>
        
    </body>
</html>

写回答

2回答

小丸子爱吃菜

小丸子爱吃菜

2017-07-26

已采纳

1、没明白你的“margin-top为何不以body为基准”这个问题。

2、元素浮动后不会占据文字空间的，所以会出现这种情况。

W3C里面关于浮动的各种情况阐释的很详细，可以去看一下！

祝学习愉快！

0

heibo_飞来云去_0

h 第一个设置了浮动向左，第二个不浮动，同时第一个给设置了margin为10px，在全局设置了padding和margin为0的情况下，第一个div应该左上都不该是10px吗，显示的效果看上是20px，因为看到了绿色的部分

h017-07-26

共1条回复

小丸子爱吃菜

小丸子爱吃菜

2017-07-26

设置浮动的元素会受文档流元素的影响，可以给他们最外层添加一个父元素，给父元素设置overflow:hidden;就可以解决这个问题。

0

0 学习 · 36712 问题

相似问题

使用clear清除浮动对外边距的影响

回答 3

关于float 一些思考

回答 5

回答 2

没有很懂题目的意思，

回答 4

关于最后加空白div设置清除浮动的问题？

回答 3

打开慕课网App查看更多内容