1. 程式人生 > >overflow的使用

overflow的使用

給定 邊緣 效果 是否 wid bsp str -1 代碼

<div id="topFieldDiv" style="width: 650px; height: 150px; overflow-y: hidden">
   <div style="width: 800px; height: 200px"></div>
</div>

以上代碼,當內容高度大於設定高度時,不出現上下滾動條。效果如下:

技術分享


overflow:scroll 如果元素中的內容超出了給定的寬度和高度屬性,overflow 屬性可以確定是否顯示滾動條等行為。

overflow-y:hidden 對內容的上/下邊緣進行裁剪

overflow-x:hidden

對內容的左/右邊緣進行裁剪。

技術分享

overflow的使用