圖解 CSS (7): 大小、定位、剪下、捲軸

來源:互聯網
上載者:User
widthheightmax-widthmax-heightmin-widthmin-heightposition - top、right 、bottom 、leftz-indexclipoverflow(overflow-x、overflow-y)scrollbar-base-colorscrollbar-face-colorscrollbar-track-colorscrollbar-arrow-colorscrollbar-shadow-colorscrollbar-darkshadow-colorscrollbar-highlight-colorscrollbar-3dlight-color

width、height:


max-width、max-height、min-width、min-height, 這需要指定 DocType 為:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
時才有效(為什麼? 暫時不知道; 包含 DocType 時, 用我這個小工具得手動重新整理.).


position:
static(預設自動)、
absolute(絕對位置)、
relative(相對定位) 、
fixed(絕對位置且不隨捲軸滾動; 要使 fixed 的定位方式有效, 還得像上面一樣指定 DocType).


z-index:


clip: rect(上 右 下 左); 值為 auto 是不剪下; 指定 position: absolute 時才有效.



overflow: visible、auto、hidden、scroll.





自訂捲軸顏色:
scrollbar-base-color、scrollbar-face-color、
scrollbar-track-color、scrollbar-arrow-color、
scrollbar-shadow-color、scrollbar-darkshadow-color、
scrollbar-highlight-color、scrollbar-3dlight-color









相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.