怎么让html标签脱离文档流不受当前父类的宽度限制
怎么让html标签脱离文档流不受当前父类的宽度限制，宽度可以100%自适应浏览器大小(备注：外面有一个div盒子包起来了，内部还有个div怎么将这个div的宽度设置随浏览...
怎么让html标签脱离文档流不受当前父类的宽度限制，宽度可以100%自适应浏览器大小(备注：外面有一个div盒子包起来了，内部还有个div怎么将这个div的宽度设置随浏览器大小改变),求大神指教
.div1{
width:200px;
height:30px;
background:red;
position:relative;
}
.div2{
position:absolute;
top:0;
left:0;
width:100%;
height:30px;
background:blue;
}
</style>
<div class="div1">
<div class="div2"></div>
</div>
怎么能让div2宽度和浏览器一样自适应 展开
.div1{
width:200px;
height:30px;
background:red;
position:relative;
}
.div2{
position:absolute;
top:0;
left:0;
width:100%;
height:30px;
background:blue;
}
</style>
<div class="div1">
<div class="div2"></div>
</div>
怎么能让div2宽度和浏览器一样自适应 展开
展开全部
position:absolute;
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
把div1的relative去掉就ok
</title>
<style>
.div1{
width:200px;
height:30px;
background:red;
}
.div2{
position:absolute;
top:0;
left:0;
width:100%;
height:30px;
background:blue;
}
</style>
</head>
<body>
<div class="div1">1
<div class="div2">2
</div>
</div>
</body>
</html>
追问
如果我div1必须加上position:relative怎么办呢？大神求解
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
父元素不能是relative，因为 absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。自适应的话，得去掉外层 .div1 的position：relative
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把里面的div改为绝对定位（position:absolute）就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
