overflow屬性干嘛的压语?
處理內(nèi)容如何溢出。有點抽象编检,看例子
舉個例子胎食,就是冰箱里放個大象,放不下了允懂,多出來的怎么辦厕怜?
<html>
<head>
<style type="text/css">
div
{
background-color:#00FFFF;
width:150px;
height:150px;
}
</style>
</head>
<body>
<p>如果元素中的內(nèi)容超出了給定的寬度和高度屬性,overflow 屬性可以確定是否顯示滾動條等行為。</p>
<div>
這個屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會如何處理粥航。如果值為 scroll琅捏,不論是否需要,用戶代理都會提供一種滾動機制躁锡。因此午绳,有可能即使元素框中可以放下所有內(nèi)容也會出現(xiàn)滾動條。默認值是 visible映之。
</div>
</body>
</html>
結(jié)果是溢出來了
image.png
如果在div的style中加上一句
overflow:hidden;
結(jié)果就是多余的不要了拦焚。
image.png
如果加的是overflow:scroll;
結(jié)果就是會出現(xiàn)滾動條;
image.png