当前位置: 代码迷 >> HTML/CSS >> 一个关于Margin-bottom为负的有关问题
  详细解决方案

一个关于Margin-bottom为负的有关问题

热度:156   发布时间:2013-07-01 12:33:04.0
一个关于Margin-bottom为负的问题
请问哈子DIV, margin-bottom:-1500px  , 请问哈这个距离-1500PX 是相对谁来的啊?

这个数字无论我怎么改变  子DIV位置不发生改变    

<div style="border:1px solid #000000;height:200px">
  
  <div style="background-color:#000000;height:150px;color:#FF0000;margin-bottom:-1500px">1242141241<br /></div>

 
</div>

------解决方案--------------------
父子div
子div的margin直接被父div使用了

在同步自动拉伸高度的方案中有负margin的使用
------解决方案--------------------
MARGIN是相对于父容器来说的
margin是有浏览器兼容性的,
你这样的写法是不按常理的
MARGIN为负是反向的
楼主,真有你的
------解决方案--------------------
http://www.w3school.com.cn/css/css_margin_collapsing.asp

这是教程,看懂就明白啥意思了
------解决方案--------------------

<div style="border:1px solid #000000;height:200px">
  
  <div style="background-color:#000;opacity:0.2;height:150px;color:#FF0000;margin-bottom:-100px">1242141241<br /></div>
aaaaaaaaaaaaaaaa
 
</div>

这个你可以看出来margin是负数的效果了,是把下边距的内容向上拉,即把aaaaaaa向上拉了100px。