position:absolute;绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。position:relative;绝对相对定位，他是参照父级的...

给父元素设置float，然后将父元素整体向右移动50%，再将子元素整体向左移动50%，来实现水平居中。记得将父元素清除浮动。<divclass="parent-frame"><divstyle="float:left;position:relative;left:50%;clear:both;"><divstyle="position:relative;left:...

一、相对定位（position：relative）1、相对定位：将盒子的position属性设置为relative；可通过left、top、right、bottom设置偏移量。相对定位基础用法示例：我们先在页面设置两个div盒子（第一个红色；第二个蓝色）最初的位置我们将第一个盒子进行相对定位；离左边200px；离顶部50px；得到的效果是；得出结论：1、红色盒子是相对于盒子最初的位置向左偏移2...