-
兩欄自適應布局之間的空隙使用margin效果比padding好 推薦左側浮動使用margin-right實現查看全部
-
BFC實現兩欄自適應布局的原理:使用overflow:hidden,將右側元素與左側浮動圖片完全隔離開,則右側元素做任何操作都與其外部元素沒有關聯。查看全部
-
獲取滾動欄寬度查看全部
-
js 獲取滾動高度: var st = document.documentElement.scrollTop || document.body.scrollTop;查看全部
-
無論什么瀏覽器,默認滾動條均來自<html>而不是<body>; IE7-瀏覽器默認:html{overflow-y:scroll;} IE8+瀏覽器默然:html{overflow-y:auto;} 所以,如果我們想要去除頁面默認滾動條,只需要:html{overflow-y:auto;}查看全部
-
只有chrome瀏覽器在滾動的時候會保留padding,其它所有的瀏覽器都會忽略padding,這導致了不一樣的scrollHeight。查看全部
-
獲取瀏覽器滾動高度查看全部
-
頁面整體的滾動條來自html,而不是body。查看全部
-
IE7 按鈕 overflow:visible。文字越多,留白越多。查看全部
-
table中td設置尺寸和overflow:hidden不起作用,此時需要table為table-layout:fixed;才會起作用。查看全部
-
如果overflow-x與overflow-y值相同,則等同于overflow。 如果overflow-x,overflow-y值不同,且其中一個屬性的值為visible,而另外一個賦值為 hidden/scroll/auto,則 visible 會被重置為 auto。查看全部
-
設置position:absolute;后,元素設置的overflow:hidden;屬性就會失效;元素設置的overflow:auto;原來出現的滾動條也會失效。 解釋: 第一條:將overflow和position:relative/absolute/fixed;同時設置在同一個元素上; 第二條:將設置overflow元素的子元素設置position:relative/absolute/fixed;,使子元素成為包含塊;查看全部
-
清除浮動效果: .clearfix{ *zoom:1;} .clearfix:after{content:'';display:table;clear:both;} 避免margin穿透問題。 兩欄自適應布局: .cell{ display:table-cell;width:2000px;//IE8+ BFC特性 display:inline-block;width:auto;//IE7- 偽BFC特性 }只適用于block屬性的元素查看全部
-
overflow:visible的妙用,使用可以在IE7下,文字越多,按鈕兩側的padding留白越大的BUG查看全部
-
IE7下出現滾動條,是因為設置了寬度為100%,如需去除滾動條,只需去掉width:100%;查看全部
舉報
0/150
提交
取消