xhtml+css实践中,margin值为负数的理解

之前没有认真研究过这个问题,今天终于弄明白了,一般来说,拿div来做比方,一个块级元素的MARGIN一般我们设置成正数,这个时候MARGIN的大小是从BORDER边框外围线开始向外扩展算的,而当设置成为负数的时候,则是像内扩展算的,如果对于行内元素,要是该行内元素要紧跟一个元素的时候,则,水平方向上,它的位置将在MARGIN扩展的终点边框开始。

代码:

<div style="margin-right:-100px; background-color:#CCCCCC; width:200px;">1</div>

代码:

<div style="margin-right:-100px; background-color:#CCCCCC; height:100px; width:200px; float:left;"></div>
<div style="width:150px; float:left; background-color:#0033CC; height:100px;">

 

<div style=" background-color:#CCCCCC; height:100px; width:200px; float:left;"></div>
<div style="width:150px; float:left; background-color:#0033CC; height:100px;">

posted @ 2008-07-13 12:08  chunchill  阅读(4702)  评论(2编辑  收藏  举报