-
IE7-永远理解为inline-block水平 解决这BUG，在元素外面套层空DIV便可查看全部
-
absolute不受relative限制，更强大查看全部
-
父元素设置 position:reltive; 子元素设置 position:absolute;就可以在子元素相对于父元设置 left:x,right:x,值查看全部
-
absolute绝对定位，查看全部
-
实现右下角浮窗： 1.父元素div设置text-align:right 2.浮窗div设置 display:inline（为了不换行在一行显示） position:fixed和bottom:200px（为了和body底部保持固定距离） margin-left:20px（为了美观好看）查看全部
-
absolute跟随性：它本来就在文字的后面，absolute之后还在文字的后面查看全部
-
position:absolute会保证下拉框始终在搜索框下面。查看全部
-
“推荐”设置position:absolute，不占据任何空间，且保持原有位置（左上角），漂浮在背景图上面。查看全部
-
但是如果父级设定position:relative; overflow:hidden，那么关闭按钮就算设置position:absolute也无济于事，超过div的部分不会显示出来。查看全部
-
关闭按钮设置position:absolute绝对定位，并设置margin为负值，忽略了父级的overflow:auto属性。查看全部
-
clear用来限制float relative用来限制absolute查看全部
-
border-radius:(length:定义弯道的形状。),(%:使用%定义角落的形状。)查看全部
-
指透明度（从0.0（完全透明）到1.0（完全不透明）)查看全部
-
把元素的顶端跟行中元素的底端对齐查看全部
-
【CSS】【absolute的top/right/bottom/left和width/height】 1.absolute元素使用top/right/bottom/left可以让元素在容器内自由定位，但是遇到属性为position:relative/absolute/fixed/sticky的<div>时，则只能到这一层为止，无法突破这一层。 2.使用top/right/bottom/left实现『拉伸』：(无固定width/height)[IE7+才支持] 当绝对定位的方向是『对立』的(如left和right)，则不是瞬间位移，而是『拉伸』效果 『position:absolute;left:0;top:0;width:50%』 等价于 『position:absolute;left:0;top:0;right:50%』但拉伸更强大 .container { display: inline-block;position: relative;} .cover { position:absolute; left:0; top:0; right:0; bottom:0;background-color:#fff; opacity:.5; filter: alpha(opacity=50); 例：没有宽度和高度声明实现的全屏自适应效果： .overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: .5; filter: alpha(opacity=50); } 例：高度自适应的九宫格效果 .page{position: absolute;left: 0; top: 0; right: 0; bottom: 0;} .list { float: left;height: 33.3%; width: 33.3%;position: relative;} 3.left/right和width同时存在 相互支持性：（1）容器无需固定width/height值，内部元素亦可拉伸(可实现图片上一张/下一张的遮盖层效果)（2）容器拉伸，内部元素支持百分比width/height值。 优先级：width > left/right查看全部
举报
0/150
提交
取消