-
position不为static,定位受限制查看全部
-
1.回流与重绘： Tips：动画尽量作用在绝对定位元素上查看全部
-
z-index无依赖查看全部
-
【CSS】【居中以及边缘对齐定位】 1.居中 采用『text-align:center』使div中的空格居中，利用『absolute的跟随性』配合『margin负值自身宽度50%』实现居中。 html： <div class="course-loading-x"> <img src="http://img1.sycdn.imooc.com//5453077400015bba00010001.gif" class="course-loading" alt="加载中..."> </div> css： .course-loading-x { height: 0; margin-top: 20px; text-align: center; letter-spacing: -.25em; overflow: hidden; } .course-loading { position: absolute; margin-left: -26px; } 2.边缘定位 采用『text-align:right』使div中的空格居右 (fixed是直接相对于窗口定位，而直接用absolute和right，bottom是会受到父级relative限制的。所以为了避免受到父级影响，使用fixed) html： <div class="course-fixed-x"> <div class="course-fixed"> <a href="http://www.imooc.com/activity/diaocha" class="goto_top_diaocha"></a> <a href="http://www.imooc.com/user/feedback" class="goto_top_feed"></a> </div> </div> css： .course-fixed-x { height: 0; text-align: right; overflow: hidden; } .course-fixed { display: inline; position: fixed; margin-left: 20px; bottom: 100px; }查看全部
-
只设置absolute之后（不依赖相对定位，也不用设置left,top等），有个非常大的特性“跟随性”，当它是普通元素时，呆在什么位置，绝对定位后，还呆在什么位置。查看全部
-
使用注释<!-- -->去除图片与文字之间的空格查看全部
-
外层父元素不使用相对定位，直接对里面的元素使用absulute定位，然后使用margin来精确定位，实现相对定位的效果。查看全部
-
超越overflow查看全部
-
absolute和float的相同特性： 1.包裹性 2.破坏性查看全部
-
【CSS】【脱离文档流】 1.回流与重绘： Tips：动画尽量作用在绝对定位元素上 2.垂直空间的等级： 后来居上 [z-index潜在『误区』:绝对定位元素都需要z-index控制等级以确定其显示的位置] absolute是z-index无依赖的： （1）如果只有一个绝对定位元素，则会自动覆盖普通元素 （2）如果有两个绝对定位，可以控制DOM流的前后顺序达到覆盖效果 （3）如果多个绝对定位交错（非常少见），则用z-index：1控制 （4）如果非弹框类的绝对定位元素z-index>2，必定z-index冗余，需要优化查看全部
-
无依赖的absolute是指： 不受relative限制的absolute定位，行为表现上是不使用top/right/bottom/left任何一个属性或使用auto作为值。 定位的行为表现： 1.脱离文档流 2.去浮动：absolute与去浮动(absolute生效的时候，float是失效的) 3.位置跟随：absolute与位置跟随，原来是什么位置，绝对定位后依然是什么位置 (元素是block那么absolute之后依然是block排列,inline时absolute后依然inline排列) 注：唯独IE7不同，IE7会将所有绝对定位的元素设为display：inlien-block，解决办法是在绝对定位元素加一个无意义的父DIV标签，DIV标签要设置为：display：block； 4.可以配合margin来精确定位查看全部
-
无依赖绝对定位的作用。注册表单DEMO查看全部
-
absulate实现宽度更强大查看全部
-
ie7+查看全部
-
技巧：注释<!-- -->可以用来消除两个标签之间的空格，保证两个元素之间完美的贴合。查看全部
举报
0/150
提交
取消