CSS布局详解之Relative
这种类型的定位可能是最令人困惑和滥用。它的真正含义是“相对于本身”。如果你给一个元素定位position:relative却没有给它定位top,right,bottom或left。就不会影响它的位置,就等同与给这个元素定位了position:static,所有元素的默认定位。如果你给这个元素定义了比如top:10px 那么它将改变它的位置,从它现在的位置往下10像素。我相信你可以想象的到,这种方式对那些转变一个有用的元素基于它周围的位置是非常有用的。
这种类型的定位可能是最令人困惑和滥用。它的真正含义是“相对于本身”。如果你给一个元素定位position:relative却没有给它定位top,right,bottom或left。就不会影响它的位置,就等同与给这个元素定位了position:static,所有元素的默认定位。如果你给这个元素定义了比如top:10px 那么它将改变它的位置,从它现在的位置往下10像素。我相信你可以想象的到,这种方式对那些转变一个有用的元素基于它周围的位置是非常有用的。
一个重要的概念来理解,首先是网页上的每个单一元素是块,看上去是由像素组成的矩形。当你使用display:block设置了元素为块或者元素默认为块时(比如DIV),你就可以设置元素的宽和高度,并且元素就会绝对按照你设置的宽和高度来显示。

“地球一小时”是WWF(世界自然基金会)应对全球气候变化所提出的一项倡议,希望个人、社区、企业和政府在特定的时间熄灯一小时,来表明他们对应对气候变化行动的支持。