overflow 溢出部分顯示效果

• 溢出部分：指的是盒子內(nèi)容部分所超出盒子范圍的區(qū)域
• 場景：控制內(nèi)容溢出部分的顯示效果，如：顯示、隱藏、滾動條…
• 屬性名：overflow
• 常見屬性值：

屬性值效果

visible	默認值，溢出部分可見
hidden	溢出部分隱藏
scroll	無論是否溢出，都顯示滾動條
auto	根據(jù)是否溢出，自動顯示或隱藏滾動條

• 默認情況（文字超出div盒子，頁面不協(xié)調(diào)）
  

• 給盒子添加 overflow: scroll; （無論是否溢出，都顯示滾動條）

div {height: 300px;width: 300px;background-color: pink;overflow: scroll;}

總結

以上是生活随笔為你收集整理的overflow溢出部分显示效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。