读书人

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

发布时间: 2013-07-01 12:33:04 作者: rapoo

一个关于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。

读书人网 >CSS

热点推荐