标签:style blog http color 使用 width
如果内容超过的区块的大小,内容就会溢出,可以使用下面的方法控制溢出
overflow
visible 不剪切内容也不添加滚动条
auto
在必需时对象内容才会被裁切或显示滚动条
hidden 不显示超过对象尺寸的内容(不显示滚动条,多余的内容就不要了)
scroll
总是显示滚动条
overflow-x (同上)
overflow-y (同上)
CSS
中滚动条的使用
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 颜色/十六进制 滚动条的拖动区域
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS 中溢出的使用</title> <style type="text/css"> div{ background-color:#F00; width:200px; height:100px; overflow:auto; scrollbar-face-color:red; scrollbar-shadow-color:green; scrollbar-track-color:bule; } </style> </head> <body> <div> PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网 </div> </body> </html>
标签:style blog http color 使用 width
原文地址:http://www.cnblogs.com/LO-ME/p/3587935.html