同一个div里的两个元素，为什么前面的用定位，后面的用浮动，浮动会被盖住，后面的用定位就可以出来？
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.k1{
width:600px;
height:300px;
border: 1px solid;
margin: 100px auto;
position: relative;
}
.k2{width: 600px;
height:200px;
background: green;
position: absolute;
top:0;
left: 0;}
.k3{
/*float: left;*/
position: absolute;
}
</style>
</head>
<body>
<div class='k1'>
<div class="k2"></div>
<div class='k3'>2222</div>
</div>
</body>
</html>
把class为k3的css定位注释掉，放出浮动，汉字2222就会被遮住，用定位不用浮动就遮不住，求解释。
问题：原本style里的k3里的float：left；的注释取消掉，然后把position：absolute注释掉，k3内容会消失；但是如果是注释的是float：left；而不是position：absolute；则2222会显示出来 展开
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.k1{
width:600px;
height:300px;
border: 1px solid;
margin: 100px auto;
position: relative;
}
.k2{width: 600px;
height:200px;
background: green;
position: absolute;
top:0;
left: 0;}
.k3{
/*float: left;*/
position: absolute;
}
</style>
</head>
<body>
<div class='k1'>
<div class="k2"></div>
<div class='k3'>2222</div>
</div>
</body>
</html>
把class为k3的css定位注释掉，放出浮动，汉字2222就会被遮住，用定位不用浮动就遮不住，求解释。
问题：原本style里的k3里的float：left；的注释取消掉，然后把position：absolute注释掉，k3内容会消失；但是如果是注释的是float：left；而不是position：absolute；则2222会显示出来 展开
3个回答
展开全部
absolute是浮动层，浮动层位于普通层之上，所以K3没有浮动时会被K2盖住。如果需要像你说的那样K3去掉浮动还能显示就需要通过z-index设置浮动层的叠加位置，把K2的z-index设置成-1就会显示K3了（普通层的z-index相当于0，设置成-1就把K2放在K3下面了）
跟float：left就没有关系，float：left只是表示这个层靠左.显不显示只跟absolute和z-index有关
跟float：left就没有关系，float：left只是表示这个层靠左.显不显示只跟absolute和z-index有关
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
定位会导致div脱离文档流，意思就是，本来占据的位置会没有了，所以后面的div就自动排到前面去了，而定位的元素默认的层级会高些，所以会导致把后面的div给挡住了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你这一边文章你看看，相信你会明白的，我也是正在学习html+css.
http://www.cnblogs.com/wangfupeng1988/p/4322680.html
http://www.cnblogs.com/wangfupeng1988/p/4322680.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
