我给div里面的那个div加了个margi-top为什么两个都会一起向下移动
我只是想让里面的那个div向下移动,我加的margin-top也是加在里面的那个div里，为什么两个会一起移动啊？...
我只是想让里面的那个div向下移动,我加的margin-top也是加在里面的那个div里，为什么两个会一起移动啊？
展开
展开全部
margin本来就是指两个非嵌套的div之间的间隔，你在里面那个div设置了margin，外面的div自然会执行margin了，这个本就没有错误，如果想上面那个不跟随margin，你就把外面那个div的position设置为 absolute就可以了。下面有个例子你看下，把#id的position属性删除，就会是那个跟随margin的效果了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>手写html</title>
<style type="text/css">
#id{
width:980px;
margin:0 auto;
background:red;
height:500px;
position: absolute;
}
#id div{
width:200px;
height:200px;
margin-top:50px;
background:blue;
}
</style>
</head>
<body>
<div style="width:200px;height:200px;background:blue;">
上一个div
</div>
<div id="id">
<div>
被包裹的div
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>手写html</title>
<style type="text/css">
#id{
width:980px;
margin:0 auto;
background:red;
height:500px;
position: absolute;
}
#id div{
width:200px;
height:200px;
margin-top:50px;
background:blue;
}
</style>
</head>
<body>
<div style="width:200px;height:200px;background:blue;">
上一个div
</div>
<div id="id">
<div>
被包裹的div
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你说的这种情况，如果加对层了，应该是不可能的。再检查下。如果还不行。你给外边的div加个margin-top:负值 看看。
就是说如果你开始里边的div是margin-top:10px; 的话，
那么你就在外边的加个 margin-top:-10px;
就是说如果你开始里边的div是margin-top:10px; 的话，
那么你就在外边的加个 margin-top:-10px;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你加错层了吧 试着把样式卸载里面的div里 直接在里层的div加样式style="margin-top:10px;"
追问
没有加错层，就是在里面的那个div里面加的，跪求！！！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
