css定位：相对定位

关于相对定位的结论如下
1. 使用相对定位的盒子，会相对于它原来的位置，通过偏移指定的距离，到达新的位置。
2.使用相对定位的盒子仍在标准流中，它对父块和兄弟盒子没有任何影响。

<html><head><meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /><title>无标题文档</title><style type=”text/css”>
body{margin:15px;font-family:Arial;font-size:12px;}.father{background-color:#ffff99;border:1px solid #000000;padding:20px;}.father div{background-color:#00ff00;padding:10px;border:1px dashed #000000;}#block2{}</style></head><body><div class=”father”><div>Box-1</div><div id=”block2″>Box-2</div><div>Box-3</div></div></body></html>

static（静态定位）为默认值，即在原本应该在的流布局上，从左到右，从上到下。

relative（相对定位），通过设置position属性为relative，在设置具体方向的偏移量来实现，top left right botton
修改代码如下，即可发现box-2偏移了，但对box-3没影响，
#block2{
position:relative;
left:30;
top:20;
}

转载于:https://www.cnblogs.com/epuoo/p/4164631.html

css定位：相对定位相关推荐

【无标浮动特性应用实例】二、CSS 精灵（雪碧图、精灵图）三、滑动门四CSS 定位{相对定位}
[无标浮动特性应用实例] 总结:浮动脱离文档流不脱离文本流 - 最初只用于在成块的文本内浮动图像为图片和文字之间的对齐方式是基线对齐要想图文环绕需要给图片设置浮动应用实例-两列自适应实现要点 ...
CSS高级选择器+块级元素，行内元素的特点+CSS定位+logo的做法
CSS高级选择器 *是通配符选择器(样式的重置) *{ margin: 0; padding: 0; } 元素的样式的重置,紧贴左上角子选择器:父级>子级后代选择器: 祖先子级作用: 1 ...
一、CSS定位布局[相对定位、绝对定位、固定定位]
一.CSS定位布局选项说明 static 默认形为,属于文档流 relative 相对定位 absolute 绝对定位 fixed 固定定位 1.relative 解释:元素在原来的位置开始移动( ...
CSS定位—静态定位、相对定位、固定定位、绝对定位、粘性定位
CSS定位定位是可以让盒子自由自在的在某个盒子内移动位置或者固定屏幕中的某个位置,并且可以压住其他盒子. 定位的组成定位是将盒子定位在某一位置.按照定位的方式移动盒子. 定位=定位模式+边偏移. ...
子级绝对定位，父级相对定位的由来 --- CSS定位
CSS定位:将盒子定在某一个位置,所以定位也是在摆放盒子, 按照定位的方式移动盒子. 定位 = 定位模式 + 边偏移 . 定位模式用于指定一个元素在文档中的定位方式.边偏移则决定了该元素的最终位置. ...
CSS之定位（定位/相对定位）
定位/相对定位: <!DOCTYPE html> <html><head><meta charset="utf-8" /><t ...
CSS 定位 (Positioning)
CSS 定位 (Positioning) 属性允许你对元素进行定位. CSS 定位和浮动 CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多 ...
css位置布局,CSS定位布局相关
本文档包括CSS的样式定位框模型如果文档比较长,那么当文档向下滚动时,背景图像也会随之滚动.当文档滚动到超过图像的位置时,图像就会消失. 您可以通过 background-p_w_upload ...
CSS定位（postion）和移动(float)
5.定位和移动: Positioning(定位) CSS定位属性允许你为一个元素定位.它也可以将一个元素放在另一个元素后面,并指定一个元素的内容太大时,应该发生什么. 元素可以使用的顶部,底部,左侧和 ...
1、CSS 定位 (Positioning)
position 属性指定了元素的定位类型. CSS 定位属性属性描述 position 把元素放置到一个静态的.相对的.绝对的.或固定的位置中. top 定义了一个定位元素的上外边距边界与其包含 ...

css定位：相对定位

css定位：相对定位相关推荐

最新文章

热门文章