+ -
当前位置:首页 → 问答吧 → 关于margin-right负值的疑问。

关于margin-right负值的疑问。

时间:2011-05-04

来源:互联网

一般来说负的 margin 值的 top 或 left 值会引起 box 的向上或向左位置移动,如果是 bottom 或 right 只会影响下面 box 的显示的参考线
可是问题就是出在margin-right的值上,下面的代码按照上面负值的理解应该是和本元素无关的,这个负值会影响其后的元素。但是事实上下面的代码设置了margin-right负值了以后却影响到了它自己(注意第二个DIV的margin-right,而这个DIV下面并没有元素)。
这个要怎么理解了?
<!DOCTYPE html> <html> <head> </head> <body> <div style="background-color:red;width:100%;float:left;">1</div> <div style="background-color:black;width:100px;float:left;margin-right:-100px;">2</div> </body> </html>
 提示:您可以先修改部分代码再运行
[ 本帖最后由 medns 于 2011-5-4 21:33 编辑 ]

作者: medns   发布时间: 2011-05-04

搞定原因在float的理解上

作者: medns   发布时间: 2011-05-04