-
inherit需要ie8+查看全部
-
滚动条样式查看全部
-
自定义滚动条查看全部
-
水平居中跳动的问题修复方法查看全部
-
作用前提条件查看全部
-
整体部分:-webkit-scrollbar 两端按钮:-webkit-scrollbar-button 外层轨道:-webkit-scrollbar-track 内层轨道:-webkit-scrollbar-track-piece 滚动滑块:-webkit-scrollbar-thumb 边角: -webkit-scrollbar-corner查看全部
-
计算页面滚动高度的js代码查看全部
-
visible妙用查看全部
-
overflow 基本属性查看全部
-
ellipsis文字溢出,与overflow抱大腿查看全部
-
resize拉伸,overflow不能是visible查看全部
-
修复overflow:hidden失效查看全部
-
overflow:hidden失效,当元素设置absolute的时候 绝对定位元素不总是被父级overflow属性剪裁,尤其是overflow元素在绝对定位元素及其包含块之间的时候。 包含块--含有定位声明的父级元素,没有默认为body。 body div{overflow:hidden;} img{position:absolute;} img不受裁剪影响 避免失效: 1.overflow元素自身为包含块 body div{position:relative; overflow:hidden;} img{position:absolute;} 2.overflow元素的子元素为包含块 body div{overflow:hidden;} div{position:relative;} img{position:absolute;} 3.任意合法transform声明当做包含块 a.overflow元素自身transform(ie9+/ff) b.overflow子元素transform(all browser) 流动跟随 .h0{height:0;} .ovh{overflow:hidden;} .tr{text-align:right; // 跟在右边} .abs{position:absolute; // 无依赖} <div class="h0 ovh tr"> <img src="" alt="" class="abs"> </div>查看全部
-
各种情况的BFC带来的问题 1.清除浮动影响 ie6- .clearfix{*zoom:1;} ie7+ .clearfix:after{ content:""; display:table; clear:both; } 局部清除浮动 .clearfix{ overflow:hidden; _zoom:1; } 2.避免margin穿透 3.两栏自适应布局 要留空隙,请再加margin .cell{ display:table-cell; // ie8+ width: 200px; *display:inline-block; // ie7- *width: auto; } 原理:形成边界,内外互不影响查看全部
-
chrome自定义滚动条的定义查看全部
举报
0/150
提交
取消