<style tyle="text/css"> .testDiv{ border-style: solid ; border-width: 50px ; border-color: pink ; position: absolute ; /* 位置 絕對或者相對於最近的一個元素 relative absolute */ top:200px ; left:300px ; height:200px ; /* 定義區域的高*/ width:300px ; /* 滾動條 */ /* overFlow: auto ; */ /* visible :卻省的 hidden auto scroll */ overFlow-x: scroll ; overFlow-y: hidden ; /* 滾動條相關的顏色屬性 */ scrollBar-face-color: green; /* 滑塊 */ scrollBar-hightLight-color: red; /* 高亮 */ scrollBar-3dLight-color: orange; /* 3維光線 */ scrollBar-darkshadow-color:blue; /* 暗影 */ scrollBar-shadow-color:yellow; /* 陰影 */ scrollBar-arrow-color:purple; /* 箭頭 */ scrollBar-track-color:black; /* 滑道顏色 */ scrollBar-base-color:pink; /* 主要顏色 */ } </style> 注: 1. overFlow: visible 卻省值,沒有滾動條,根據內容自動擴撐區域的大小,即定義的區域無效 scroll 老是顯示滾動條 hidden 沒有滾動條,超出區域的內容不可見 auto 根據內容自動判斷是否添加滾動條 2.滾動條顏色屬性: face-color: 滑塊顏色 hightlight-color: 高亮顏色 3dlight-color: 三維光線顏色 darkshadow-color: 暗影顏色 shadow-color: 陰影顏色 arrow-color: 箭頭顏色 track-color: 滑道顏色 base-color: 滾動條的主要顏色,其中包含滾動按鈕和滾動滑塊