美创科技技术社区

注册

 

发新话题 回复该主题

Position的相对定位和绝对定位 [复制链接]

1#

relative:相对定位,以父级的左上角进行定位,但是父级的Padding属性会对其影响。

absolute:绝对定位,以父级左上角为原点进行定位,父级的padding对其没有影响。

       两者前半句都是一样的,不同的是absolute中padding对象是没有作用的,根据这些特性,可以总结出,属性为relative(相对定位)的元素可以用来布局页面,属性为absolute(绝对定位)的元素用来定位某元素在父级中的位置。如果用position来布局页面,父级元素的position属性必须为relative,而定位于父级内部某个位置的元素,最好用absolute。

       定位(position)布局页面也有一个缺点,就是不能很好的自动适应页面内部元素的高度,所以布局页面,Float为主,Position为辅。

分享 转发
TOP
发新话题 回复该主题