-
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
提交
取消