赤壁网站建设，css四种定位方式详解



　　在前端页面垦荒中，要实现冗杂页面的构造，必需遵照不合的办理寻求不同的CSS定位机制。CSS有三种底子定位机制：尺度流，浮动，定位，即日小编先给各人引见一下定位。

　　定位(position)

　　顾名思义，你想定哪就定哪;

　　元素的定位属性主要搜聚两部份：定位形式和边偏移

　　（1）定位模式

　　定位的语法：position：属性值;

　　position属性常用的值

　　static主动定位(默认定位门径)

　　relative相对定位，相关于其原文档流的位子进行定位

　　absolute绝对定位，相关于其上一个已经定位的父元素进行定位

　　fixed静止定位，相关于浏览器窗口进行定位

　　1）信息定位(static)

文档流中的默许身分，尺度流本性。主动建网站定位会用到：position: static;

　　2）相对定位(relative)

　　相对定位是将元素相对付它在标准流中的职位发展定位，当position属性的取值为relative时，或许将元素定位于相对地位。

　　3）绝对定位(absolute)

　　不占领位子，可能放在父级盒子的任意一个中央。元素踊跃转为行内块，宽度和高度跟内容有关。

　　4） 静止定位(fixed)

　　静止定位离开标准文档流的管制，一直依据浏览器窗口来定义自己的表示身分，跟父级没有关连。彻底脱标，滚动条转折不会影响它在涉猎器窗口中的位子。