61,112
社区成员
发帖
与我相关
我的任务
分享relative的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=gb2312" />
<title></title>
</head>
<body style="margin:0px;">
<div style=" position:relative ; margin-bottom:-102px; background:red;height:70px"></div>
<div style="position:relative ; margin-bottom:-102px; margin-left:110px; background:blue;height:70px"></div>
<div style="position:relative ; margin-left:220px; background:green;height:70px"></div>
</body>
</html>
为什么会出现下的元素往上跑
...全文
请发表友善的回复…
发表回复
飞起来一脚 2009-09-21
- 打赏
- 举报
我是这么理解的，margin-bottom取负值的时候，该div参考的下边界应该是在这个div的上面了，如红色的那个层， margin-bottom:-102px的时候，下边界应该就是在红色层的下边界的上方102的地方，也就是蓝色层出现的地方。
