-
top right 定位受限情况查看全部
-
absolute z-index查看全部
-
absolute不占据空间，可以超越外层限制而不需要换行查看全部
-
z-index无依赖 1.如果只有一个绝对定位元素，自然不需要z-index,自动覆盖普通元素； 2.如果两个绝对定位，控制DOM流的前后顺序达到需要的覆盖效果，依然无z-index； 3.如果多个绝对定位交错，非常非常少见，z-index:1控制； 4.如果非弹窗类的绝对定位元素z-index>2,必定z-index冗余，请优化！ 备注：动画尽量作用在 绝对定位的元素上。 [ 收起全文 ]查看全部
-
多个绝对定位元素一般不需要z-index控制 [ 查看全文 ] 03:05看截图 看视频 2016-10-16查看全部
-
absolute 有个隐藏属性 就是 将元素转换为 内联块元素 这里给图片的包裹容器div加上absolute的话 容器就变成了内联块元素 没有宽度的时候内容撑开宽度 而不是原来的默认独占一行查看全部
-
无依赖的绝对定位，本质是相对定位，可自适应查看全部
-
距离右侧一定距离的全屏自适应： 使用拉伸： position:absolute;left:0;right:200px; 但是，width只能使用CSS3 calc计算： position:absolute;left:0;width:calc(100% - 200px);查看全部
-
脱离文档流 去除浮动 位置跟随查看全部
-
z-index无依赖 1.如果只有一个绝对定位元素，自然不需要z-index,自动覆盖普通元素； 2.如果两个绝对定位，控制DOM流的前后顺序达到需要的覆盖效果，依然无z-index； 3.如果多个绝对定位交错，非常非常少见，z-index:1控制； 4.如果非弹窗类的绝对定位元素z-index>2,必定z-index冗余，请优化！ 备注：动画尽量作用在 绝对定位的元素上。查看全部
-
【CSS】【处理对齐、溢出技巧】 1.处理文字前的星号 将星号绝对定位后其不占据任何空间，方便后面的文字左对齐 <label class="regist-label"><span class="regist-star">*</span>登录密码</label> .regist-star { position: absolute; margin-left: -1em; font-family: simsun; color: #f30; } 2.图片与文字垂直对齐 对图标设置绝对定位，并设置margin为负值 <span class="regist-remark regist-warn"> <i class="icon-warn"></i>邮箱格式不准确（演示） </span> .regist-warn { padding-left: 20px; color: #be3948; } .regist-warn > .icon-warn { position: absolute; margin-left: -20px; } 3.处理文字溢出 利用absolute绝对定位使span不占据任何空间，从而使其不换行（注<span>必须紧跟前一个标签，不能有空格） <span class="regist-remark">请输入6-16位密码，区分大小写，不能使用空格</span> .regist-remark { position: absolute; line-height: 21px; padding-top: 9px; color: #666; }查看全部
-
absolute的容器具有包裹性，由子元素撑开查看全部
-
absolute和float一样，不能撑开父元素，因此使用时要让父元素有能撑开的元素或者给父元素设置宽高查看全部
-
使用margin来绝对定位，不依赖父标签，更强大 传统的的实现方式，有可能以后父标签不会是relative布局，所以不可靠查看全部
-
注释消除标签之间的空格查看全部
举报
0/150
提交
取消