怎樣隱藏溢位元素中溢位的內容

來源：酷知科普網 8.66K

本例演示在元素中的內容太大以至於無法適應指定的區域時，如何設定 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）在瀏覽器中的執行結果為：