-
1.position属性,又称position定位,有3种形式的定位：静态定位、相对定位、绝对定位。 影响因素： 1.属性的取值，2.元素偏移量，3.元素偏移参照基准 position属性值：static-静态定位， relative-相对定位，absolute-绝对定位，fixed-固定定位。 绝对定位特点【absolute与fixed同属于绝对定位】：完全脱离标准文档流，兄弟元素不再受其影响 fixed固定定位，固定层效果实现，应用于信息量较大的网站，淘宝网查看全部
-
案例实现关键 顶部固定层 #top----position:fixed;top:0;left:0; #mainbody----margin-top:(#top高度+原有间距)px查看全部
-
在对元素设置固定定位时候，如果希望本元素包含其父包含块中，不需要对其设置（left，top，right，bottom）偏移量查看全部
-
absolute与fixed相同点<br> 第一 完全脱离标准文档流<br> 第二 未设置偏移量时，都定位在父元素的左上角<br> 偏移量 元素设置定位（绝对或相对）后就具有偏移属性和堆叠属性（z-index）<br> absolute与fixed的不同点 表现形式（产生滚动条时） absolute：位置会随滚动条变化 fixed：1.位置固定，不会随滚动条变化 2.被他遮盖的元素，可以从其下面穿过 设置偏移量时，偏移参照基准<br> absolute：<br> 1、无已定位祖先元素，以<html>为基准偏移<br> 2、有已定位祖先元素，以距其最近、已定位的祖先元素为基准偏移<br> fixed：<br> 1、有、无已定位祖先元素都以浏览器可视窗口为基准偏移<br> <br> 表现形式（产生滚动条时）<br> absolute<br> 位置会随滚动条变化<br> fixed<br> 1、位置固定，不随滚动条变化<br> 2、被他遮盖的元素，可从其下穿过查看全部
-
fixed定位： 1、不设置偏移量： 如果祖先元素已经定位，则以祖先元素为参照； 如果祖先元素没有定位，则以浏览器窗口为参照。 2、设置偏移量后： 无论祖先元素是否定位，都已浏览器可视窗口为基准定位 [ 收起全文 ]查看全部
-
fixed定位查看全部
-
绝对定位absolute与fixed的不同点查看全部
-
absolute与fixed相同点 第一 完全脱离标准文档流 第二 未设置偏移量时，都定位在父元素的左上角 偏移量 元素设置定位（绝对或相对）后就具有偏移属性和堆叠属性（z-index）查看全部
-
position属性又称position定位，有3种形式的定位：<br> 1.静态定位 static<br> 2.相对定位 ralative<br> 3.绝对定位 absolute——绝对定位 fixed——固定定位<br> <br> 绝对定位特点：完全脱离标准文档流，兄弟元素不再受其影响<br> <br> 影响因素：<br> 1.属性的取值<br> 2.元素偏移量<br> 3.元素偏移参照基准 fixed固定定位，固定层效果实现，应用于信息量较大的网站，淘宝网查看全部
-
Fixed定位查看全部
-
margin:重合查看全部
-
在对元素设置固定定位时候，如果希望本元素包含其父包含块中，不需要对其设置（left，top，right，bottom）偏移量查看全部
-
设置偏移量时，偏移参照基准 absolute： 1、无已定位祖先元素，以<html>为基准偏移 2、有已定位祖先元素，以距其最近、已定位的祖先元素为基准偏移 fixed： 1、有、无已定位祖先元素都以浏览器可视窗口为基准偏移 表现形式（产生滚动条时） absolute 位置会随滚动条变化 fixed 1、位置固定，不随滚动条变化 2、被他遮盖的元素，可从其下穿过查看全部
-
absolute与fixed相同点 第一 完全脱离标准文档流 第二 未设置偏移量时，都定位在父元素的左上角 偏移量 元素设置定位（绝对或相对）后就具有偏移属性和堆叠属性（z-index）查看全部
-
position属性又称position定位，有3种形式的定位：<br> 1.静态定位 static<br> 2.相对定位 ralative<br> 3.绝对定位 absolute——绝对定位 fixed——固定定位<br> <br> 绝对定位特点：完全脱离标准文档流，兄弟元素不再受其影响<br> <br> 影响因素：<br> 1.属性的取值<br> 2.元素偏移量<br> 3.元素偏移参照基准 fixed固定定位，固定层效果实现，应用于信息量较大的网站，淘宝网查看全部
举报
0/150
提交
取消