-
只有设置了相对定位，或者绝对定位的元素才具有的属性是z-index查看全部
-
position 定位的属性值查看全部
-
position定位查看全部
-
有偏移量的绝度定位： absolute以最近的已经定位的元素为基准 fixed以浏览器为基准查看全部
-
absolute与fixed的不同点： 当设置了偏移量时， absolute：无已经定位的祖先元素，以<html>为基准偏移；有已定位的祖先元素，以已定位的最近的祖先元素为基准 fixed：不论是否有已定位的祖先元素，都以浏览器的可视窗口为基准（即滚动条滚动时fixed定位的元素还是不改变位置，被他遮盖的元素，可以从其下穿过）查看全部
-
absolute与fixed定位都是绝对定位。 相同点：完全脱离标准文档流；未设置偏移量时，都定位在父元素的左上角。查看全部
-
position:fixed 总结查看全部
-
{position: fixed;}没有设置偏移量的方向依然会保持在父包含块。查看全部
-
absolute和fixed的不同：表现形式查看全部
-
absolute 和 fixed 的不同查看全部
-
absolute和fixed相同点： 1.完全脱离标准文档流 2.未设置偏移量时，都定位在父元素的左上角。 *偏移量——元素设置定位（绝对/相对）后，就具有偏移属性和堆叠属性（z-index）查看全部
-
position定位有3三种形式的定位，三种属性会影响position的定位查看全部
-
absolute定位，受祖先元素或者html节点影响；可以是就近原则 fixed：会受到当前可是窗口影响；必须就近原则查看全部
-
固定层效果： 案例实现关键： 顶部固定层： #top--position:fixed; top:0;left:0; #mainbody margin-top:(#top高度+原有间距)px; <p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p> <span > auto</span> crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help 导航栏基本上是一个链接列表，因此使用 <ul> 和 <li> 元素是非常合适的 <ul> <li><a href="default.asp">Home</a></li> <li><a href="news.asp">News</a></li> <li><a href="contact.asp">Contact</a></li> <li><a href="about.asp">About</a></li> </ul> ul { list-style-type:none; margin:0; padding:0; } a { display:block; width:60px; } 请始终规定垂直导航栏中 <a> 元素的宽度。如果省略宽度，IE6 会产生意想不到的结果。 水平导航栏 有两种创建水平导航栏的方法。使用行内或浮动列表项。 两种方法都不错，但是如果您希望链接拥有相同的尺寸，就必须使用浮动方法。 li { display:inline; } 为了让所有链接拥有相等的宽度，浮动 <li> 元素并规定 <a> 元素的宽度： li { float:left; } a { display:block; width:60px; }查看全部
-
固定层效果： fix定位总结 定位形式——绝对定位 特点——位置固定不变，兄弟元素会从其下穿过 未设置便宜偏移量 有已定位的祖先元素，以祖先元素为基准定位 无已定位的祖先元素，以浏览器窗口为基准定位 设置偏移量，有、无已定位的祖先元素，均以浏览器窗口为基准偏移查看全部
举报
0/150
提交
取消