-
- 鱼传奇 2022-02-20
滚动条设置
- 0赞 · 0采集
-
- 百事可爱i 2021-09-01
overflow与BFC
为什么：
加了clear：both
加了clear：both
加了clear：both无变化
- 1赞 · 0采集
-
- 百事可爱i 2021-09-01
滚动条出现的条件
chrom浏览器的padding-bottom不缺失，其他都会缺失
overflow：auto出现滚动条容易破坏布局、水平居中跳动问题
- 0赞 · 0采集
-
- 百事可爱i 2021-09-01
overflow：
visible：超出范围也显示
hidden：超出范围隐藏
scroll：超出范围出现滚动条
auto：超出范围出现滚动条
inherit：不常用
overflow-x 、overflow-y：如果overflow-x和overflow-y二者的值相同，等同于overflow； 如果二者值不同，其中一个被赋予visible；另一个被赋予auto，hidden，scroll，其中visible会被重置为auto。
overflow起作用的前提：
- 0赞 · 0采集
-
- 没有你烦我有多烦恼 2020-04-05
如果overflow-x 、overflow-y相同，则等同于overflow
如果不同，其中一个为visible 另外一个auto hidden scroll
则visible 会重置为auto- 0赞 · 0采集
-
- 尤某做自己 2020-03-15
overflow作用的前提
-
截图0赞 · 0采集
-
- Scaler7003173 2019-10-11
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> button{ resize:both; } .box{ width:200px; height:100px; overflow:hidden; text-align:center;margin-left:8px;} #one {font-size:5em; background:#ccc; width:200px; height:100px; text-align:center;} #two {font-size:5em; background:#f00; width:200px; height:100px; text-align:center;} #three {font-size:5em; background:#0f3; width:200px; height:100px; text-align:center;} #four {font-size:5em; background:#ff3; width:200px; height:100px; text-align:center;} a{ text-decoration:none; } </style> </head> <body> <div class="box"> <div id="one">1</div> <div id="two">2</div> <div id="three">3</div> <div id="four">4</div> </div> <div> <button><a href="#one">按钮1</a></button> <button><a href="#two">按钮2</a></button> <button><a href="#three">按钮3</a></button> <button><a href="#four">按钮4</a></button> </div> </body> </html> - 0赞 · 0采集
-
- 欲者 2019-09-03
resize 拉升靠overflow:hidden
- 0赞 · 0采集
-
- 欲者 2019-09-03
俩栏自适应布局
-
截图0赞 · 0采集
-
- 欲者 2019-09-03
bfc属性的特性
-
截图0赞 · 0采集
-
- 欲者 2019-09-03
避免margin穿透
-
截图0赞 · 0采集
-
- 欲者 2019-09-03
清除浮动写法
-
截图0赞 · 0采集
-
- 欲者 2019-09-03
水平居中 有无滚动栏
-
截图0赞 · 0采集
-
- 欲者 2019-09-03
ie7浏览器使用overflow:visible使按钮空白正常
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-08
用锚点加overflow实现“选项卡”技术
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-08
锚点可以用来快速定位
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-08
锚点定位的本质是改变容器的滚动高度
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-08
锚点会定位对应id的元素
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-08
文本域自带overflow：auto，所以resize可以起作用
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-08
绝对定位的元素当overflow在绝对定位元素及其包含块之间的时候不会被裁剪
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-08
绝对定位的元素不会受到overflow的限制
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-07
两栏自适应布局常用写法
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-07
设置浮动元素的margin-right来撑开间距
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-07
设置了overflow的scroll、auto、hidden之后，外部容器为BFC，可以不受内部元素浮动的影响
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-07
BFC（块级格式化上下文），内部的任何状态都不会影响外部
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-07
实际开发常用的滚动条属性
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-07
滚动条是会占据容器尺寸，原本布局可能会受到滚动条的影响
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-07
overflow的padding-bottom只在chrome浏览器下会出现，其他浏览器没有
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-07
HTML元素的滚动条的等效css代码
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-07
无论什么浏览器，默认滚动条来自<html>标签而不是<body>标签
-
截图0赞 · 0采集
