-
两栏自适应布局之间的空隙使用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
提交
取消