1.没有外Div的情况下 设置绝对定位(absolute)和相对定位(relative)是没有区别的 2.相对定位占位置 而绝对定位不占位置 会漂浮在别的Div之上 3.若父Div没有设置定位,子Div要设置位置, 则子Div设置绝对和相对定位,都是相对于body边缘. 4若父Div设置了定位,子div无论是绝对还是相对的定位,都是相对于父Div的位置.…

固定定位position:fixed /*固定定位 1.定位属性值:fixed 2.在页面中不再占位(浮起来了) 3.一旦定位后,定位的布局方位 top.bottom.left.right都能参与布局 4.固定定位的参考系是页面窗口(不是页面中的哪一点,而是四边参照四边) 5.左右同时存在,取左:同理上下取上 */ <style> body{ /*min-width设置区域的最小宽度,如果最小宽度超过页面的像素 那么页面就会有横向滚动条*/ /*min-width: 2000px;*/ } .…

转:https://www.jianshu.com/p/a3da5e27d22b     之前介绍过CSS浮动float详解,本篇介绍的绝对定位absolute和浮动float有部分相似性.如果能理解浮动float,对理解绝对定位absolute会大有帮助. 先说absolute和float的相似处:包裹性 和 高度欺骗 包裹性 所谓一图胜千言(唯一的区别是:下图的div增加了absolute)       <div style="border:4px solid blue;"&…

前面的话 前面已经介绍了定位的偏移和层叠,例子中大量的应用了绝对定位.因为相较于相对定位和固定定位,绝对定位在实际中应用频率更高.应用场景更广泛.本文将介绍使用绝对定位时的具体细节 定义 当元素绝对定位时,会从文档流中完全删除.元素位置相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于初始包含块document,其边界根据偏移属性放置.元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框.定位元素不会流入其他元素的内容,反之亦然. [注意]如果文档可滚动,绝…

absolute(绝对定位): 会把对象拖离HTML文档流,并通过top, left, right, bottom确定对象的具体位置,这个四个位置属性至少要设置一个,否则无法激活对象的absolute属性. relative(相对定位): 对象会保持在HTML文档流中,对象原本占有的空间不会被覆盖,对象根据前一个对象进行位子偏移. 1.单独设置对象的absolute属性和top,left,right,bottom属性,对象定位方式是以body对象为基准进行偏移的. <style type="…

1.定位的专业解释: (1)语法 position:static|absolute|fixed|relative 从上面语法可以看出,定位的方法有很多种,它们分别是静态(static),绝对定位(absolute),固定(fixed),相对定位(relative).在这个教程里,我不逐一讲,只讲最常用也是最实用的两个定位方法:绝对定位(absolute).相对定位(relative). (2)说明 相对定位(relative):相对定位是一个非常容易掌握的概念.如果对一个元素进行相对定位,它将出…

 这是去年看到的一片文章,感觉在我的学习中,有不少的影响.于是把它分享给想很快了解css的兄弟们.本文是实战篇. 基础篇[知识一] “DIV+CSS” 的叫法是不准确的[知识二] “DIV+CSS” 将你引入两大误区[知识三] 什么是W3C标准?[基础一] CSS如何控制页面[基础二] CSS选择器[基础三] CSS选择器命名及常用命名[基础四] 盒子模型[基础五] 块状元素和内联元素 实战篇[第一课] 实战小热身[第二课] 浮动[第三课] 清除浮动[第四课] 导航条(上) | 导航条(下)[大…

常常使用position用于层的绝对定位,比如我们让一个层位于一个层内具体什么位置,为即可使用position:absolute和position:relative实现. 一.position语法与结构   -   TOP position语法: position : static absolute relative position参数:static : 无特殊定位,对象遵循HTML定位规则absolute : 将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对…

本文向大家描述一下DIV CSS布局中的position属性的用法,position属性主要有四种属性值,任何元素的默认position的属性值均是static,静态.这节课主要讲讲relative(相对)以及absolute(绝对). 如何学习DIV+CSS布局之position属性 如果用position属性来布局页面,父级元素的position属性必须为relative,而定位于父级内部某个位置的元素,最好用absolute.定位(position)布局页面说容易非常容易,只需要记住这节课…

如何学习DIV+CSS布局之position属性 如果用position来布局页面,父级元素的position属性必须为relative,而定位于父级内部某个位置的元素,最好用 absolute. 任何元素的默认position的属性值均是static,静态.这节课主要讲讲relative(相对)以及absolute(绝对). [DIV+CSS布局之position属性:absolute] 意思是:他的意思是绝对定位,他默认参照浏览器的左上角,配合TOP.RIGHT.BOTTOM.LEFT(下面…