overflow 溢出部分顯示效果

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

屬性值效果

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

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

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

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

總結(jié)

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

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