最新消息:周一至周五21:30分QQ群(161510483)直播,零基础免费学谷歌SEO,WEB前端,PHP入门教程

css定位:相对定位

CSS学习系列 林雍岷 134浏览

CSS相对定位:容易掌握的概念,如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。我们将深入介绍位置属性的细节,从相对定位开始,学习如何使用相对定位来移动元素,以及如何使用相对位置来创建空间。

1、child_two
position:relative;

2、child_two
left
right
top
bottom

3、改变相对定位的位置,水平、垂直的时候,这些移动不会改变正常元素的移动,这意味着仍会有被周边的元素影响。

1、选择child_one;
margin-bottom:20px;
child_two向下移动到原来的位置(left,right……没有影响);

4、相对定位走它自己的
最常见的是相对定位可以在相对元素内使用其他元素;
通常是使用绝对定位元素;

转载请注明:林雍岷 » css定位:相对定位