一天搞定CSS： overflow--14
生活随笔
收集整理的這篇文章主要介紹了
一天搞定CSS： overflow--14
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
overflow：針對超出父級的內(nèi)容如何顯示
代碼演示
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style>.parent{width: 100px;height: 100px;border: 5px solid #f00;overflow: visible;overflow: auto;overflow: hidden;overflow: scroll;}.parent div{/*1.overflow：visible時，子標簽溢出父級*/width: 200px;height: 200px;/*2.子類比父級小時*//*width: 50px;height: 50px;*/background: green;}</style></head><body><!--overflow 針對超出父級的內(nèi)容如何顯示visible 默認值，超出的內(nèi)容會顯示出來auto 如果內(nèi)容超出了父級，那就出現(xiàn)滾動條。如果內(nèi)容沒有超出，就沒有滾動條hidden 超出的內(nèi)容隱藏掉scroll 不管內(nèi)容有沒有超出，都會出現(xiàn)滾動條--><div class="parent"><div></div></div></body> </html>效果圖：
overflow：visible
總結
以上是生活随笔為你收集整理的一天搞定CSS： overflow--14的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 一天搞定CSS： 清除浮动（float）
- 下一篇： 一天搞定CSS：BFC布局与普通文档流布