overflow 水平方向,垂直方向都會設置
visible 默認值。內容不會被修剪,會呈現在元素框之外。
hidden 內容會被修剪,並且其余內容是不可見的。
1 內容的可視區域,除了規定的width,height,之外,還有padding,區域都是可視區域
2 所以加上這個屬性,如果區域中的內容超過規定的width,height, padding之外的都會被隱藏
scroll 內容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內容。
1 無論內容有沒有超過規定的區域 都會加上滾動條
2 在可視區域內加上滾動條和滾動軸
3 滾動軸相當於要顯示內容的長度+padding的長度,滾動條相當於可視區域的長度(可視區域是規定的長度+padding的長度)
4
auto 如果內容被修剪,則瀏覽器會顯示滾動條以便查看其余的內容。
1 只有內容超過規定區域才會加上滾動條,沒有超過就會去掉