区块,浮动,定位,溢出,滚动条

Posted 加号与剑豪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了区块,浮动,定位,溢出,滚动条相关的知识,希望对你有一定的参考价值。

17.1css中区块的使用
width 像素/百分比 区块的宽度
auto
height ........... 高度
auto
min-height ............ 最小高度
auto
max-height ............ 最大高度
auto
min-width ............ 最小宽度
auto
max-width ............ 最大宽度
auto

17.2css中浮动的使用
float none 正常显示
left 左浮动
right 右浮动
clear none 允许两边浮动
left 不允许左边浮动
right 右边
both 两边

17.3css中定位的使用
position relative 设置区块基准点为左上角
absolute 网页
statio 无设置
left auto 以基准点定位在左边
像素/百分比 定位在左边
top auto 上边
像素/百分比 上边
right auto 右边
........... 右边
bottom auto 下
.......... 下
z-index auto 自动调整高度
数字 数字越大越往上层

17.4css中溢出的使用
overflow visible 不剪切内容也不添加滚动条
auto 在必需时才会剪切或显示滚动条
hidden 不显示超过对象尺寸的内容
scroll 总是显示滚动条
overflow-x (同上)
overflow-y (同上)

17.5css中滚动条的使用
scrollbar-3dlight-color 颜色/十六进制 滚动条亮边框
scrollbar-highlight-color ......... 滚动条3D界面亮边
scrollbar-face-color ......... 滚动条3D表面
scrollbar-arrow-color ......... 滚动条方向箭头
scrollbar-shadow-color ......... 滚动条3D暗边
scrollbar-darkshadow-color ......... 滚动条暗边框
scrollbar-base-color ......... 滚动条基准颜色
scrollbar-track-color ......... 滚动条的拖动区域

 

以上是关于区块,浮动,定位,溢出,滚动条的主要内容,如果未能解决你的问题,请参考以下文章

溢出处理盒子模型背景图片float(浮动)

为啥带有文本溢出和滚动条的 flex 子项不会在 Firefox 中展开?

JQuery / JS:检测用户的滚动尝试,没有任何窗口溢出滚动到

Javascript实现页面滚动时导航智能定位

可以有一个浮动的水平滚动条吗?

十几个CSS高级常见技巧汇总(虚线框三角形优惠券卡券滚动条多行溢出...)...