-
如果overflow-x和overflow-y值相同,则等同于overflow; 如果overflow-x和overflow-y值不同且其中一个属性的值被赋予visible,而另外一个被赋予hidden,scroll或auto,则这个visible会被重置为auto。查看全部
-
1、resize可以拉伸元素尺寸: resize:both;说明:水平垂直两边拉。 resize:horizontal;说明:只有水平方向拉。 resize:vertical只有垂直方向拉。查看全部
-
1、BFC:块级格式化上下文 2、内部请浮动: .clearfix{*zoom:1;} .clearfix:after{content:'';display:table;clear:both} 3、overflow:hidden:自适应,但"溢出不可见"限制应用场景。 float + float:包裹性 + 破坏性,无法自适应,块状浮动布局。 position:absolute:脱离文档流,自娱自乐。 display:inline-block:包裹性,无法自适应。IE6/IE7 block水平不相识。 display:table-cell:包裹性,但天生无溢出特性,绝对宽度也能自适应。查看全部
-
1、自定义滚动条-webkit: 整体部分:::-webkit-scrollbar(实际开发常用的血槽宽度) 两端按钮:::-webkit-scrollbar-button 外层轨道:::-webkit-scrollbar-track(实际开发常用的背景槽) 内层轨道:::-webkit-scrollbar-track-piece 滚动滑块:::-webkit-scrollbar-thumb(实际开发常用的拖动条) 边角:::-webkit-scrollbar-corner 2、自定义滚动条-IE: scrollbar-3dlight-color:设置滚动框的和滚动条箭头左上边缘的颜色 scrollbar-highlight-color:设置滚动框的和滚动条箭头左上边缘的颜色 scrollbar-face-color:设置滚动框和滚动条箭头的颜色 scrollbar-arrow-color:设置滚动条箭头的颜色 scrollbar-shadow-color:设置滚动框的和滚动条箭头右下边缘的颜色 scrollbar-dark-shadow-color:设置滚动条槽的颜色 scrollbar-base-color:设置滚动条主要构成部分的颜色 scrollbar-track-color:设置滚动条轨迹组成部分的颜色 3、ios原生滚动回调效果: -webkit-overflow-scrolling:touch;查看全部
-
1、滚动条出现的条件:overflow:auto/overflow:scroll; 2、无论什么浏览器,默认滚动条均来自<html>!而不是<body>标签 3、IE7浏览器默认:html{overflow-y:scroll;} IE8+等浏览器默认:html{overflow-y:auto;} 想要去除页面默认滚动条,只需要:html{overflow:hidden;} 4、JS与滚动高度: Chrome浏览器:document.body.scrollTop; 其他浏览器:document.documentElement.scrollTop; 建议使用:var st = document.documentElement.scrollTop || document.body.scrollTop;查看全部
-
overflow基本属性值: 1、visible:默认 2、hidden 3、scroll 4、auto 5、inherit overflow:visible妙用:IE7浏览器下,文字越多,按钮两侧padding留白就越大!查看全部
-
IE7按钮文字越多,两侧padding越大的bug fix方法查看全部
-
作用前提查看全部
-
ie7查看全部
-
overflow起作用前提查看全部
-
transform修复overflow在绝对定位下失效查看全部
-
解决水平居中的跳动问题。查看全部
-
除了chrome,其他浏览器下overflow设置后,出现滚动条时,会确实padding-buttom值,导致 scrollheight 不同!!查看全部
-
获取html的滚动条高度。。查看全部
-
overflow起作用的前提有:查看全部
举报
0/150
提交
取消