關(guān)于overflow

當(dāng)一個(gè)父元素里有一個(gè)子元素,這個(gè)子元素的寬度或者高度超過父元素時(shí),會(huì)出現(xiàn)子元素溢出的情況,這時(shí)候可以通過overflow設(shè)置子元素超出部分是隱藏,還是可以顯示或者是可以滾動(dòng)顯示。


在給父元素設(shè)置了overflow:hidden后,溢出的部分就被隱藏了


overfolw有visible、hidden、scroll、auto等幾個(gè)值,visible是超出部分可見,hidden是超出部分隱藏,scroll是超出部分可以用滾動(dòng)條形式查看,無論是水平還是垂直方向都有滾動(dòng)條,auto是以滾動(dòng)條方式查看,它是根據(jù)你內(nèi)容在水平、垂直方向上的需要添加滾動(dòng)條的,如果沒有內(nèi)容,就不添加滾動(dòng)條,垂直方向有溢出就在垂直方向添加滾動(dòng)條,水平方向有需要就在水平方向添加滾動(dòng)條。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • day01-_起源和結(jié)構(gòu) 結(jié)構(gòu):Xhtml xml 表現(xiàn):CSS 行為:DOM ECMAScript 以上都屬于W...
    Sakura_明妃閱讀 1,324評論 0 1
  • 前段時(shí)間去做了金山的宣講會(huì)的筆試題,其中一道題是說overflow:hidden的作用。后來認(rèn)真查了些資料才知道o...
    心如止水_1c5b閱讀 2,957評論 0 0
  • 第一回 overflow基本屬性 overflow基本屬性 visibel hidden scroll ...
    seepDown閱讀 765評論 0 2
  • 可能最常用的就是Hidden了??刂埔绯鰰r(shí)隱藏。今天碰到了一個(gè)問題。導(dǎo)致日期組件不能完全顯示。需要用到了visib...
    丶灰太狼他叔閱讀 1,302評論 0 0
  • 說來奇怪,我是一個(gè)幾乎從沒看過總裁文的人,但是現(xiàn)在卻因?yàn)橐恍┛陀^原因不得不去寫總裁文。 總裁文的開頭非常重要,寫得...
    貝貝貝貝殼閱讀 6,267評論 1 1

友情鏈接更多精彩內(nèi)容