本例演示在元素中的內容太大以至於無法適應指定的區域時,如何設定 overflow 屬性來隱藏其內容。
(01)在編輯器中輸入以下程式碼:<html><head><style type="text/css">div{background-color:#00FFFF;width:150px;height:150px;overflow: hidden}</style></head><body><p>如果元素中的內容超出了給定的寬度和高度屬性,overflow 屬性可以確定是否顯示滾動條等行為。</p><div>這個屬性定義溢位元素內容區的內容會如何處理。如果值為 scroll,不論是否需要,使用者代理都會提供一種滾動機制。因此,有可能即使元素框中可以放下所有內容也會出現滾動條。預設值是 visible。</div></body></html>
(02)在瀏覽器中的執行結果為:
本文僅供參考