overflow溢出scroll：必定出現(xiàn)滾動條auto：子元素內容大于父元素時出現(xiàn)滾動條visible：溢出的內容出現(xiàn)在父元素之外hidden：溢出時隱藏如何實現(xiàn)：單行文本溢出加 …(*)white-space: nowrap; /* 首先 ， 強制文本不換行；*/ overflow: hidden; /*其次 ， 隱藏溢出；*/text-overflow: ellipsis; /*最后 ， 對溢出的文本用 ellipsis 省略號代替 。*/全屏滾動的原理？需要哪些css屬性？原理類似于輪播圖 ， 整體元素一直排列下去 ， 假設有5個需要展示的全屏頁面 ， 那么高度將會是500% ， 但我們只能展示100% ， 剩下的內容可以通過transform進行Y軸定位 ， 也可以通過margin-top實現(xiàn)
涉及css屬性overflow:hidden | transition:all 1000ms ease
BFC塊級格式上下文什么是BFC？BFC直譯為塊級格式化上下文 ， 它是一個獨立的渲染區(qū)域 ， 只有Block-level box參與 ， 它規(guī)定了內部的Block-level Box如何布局 ， 并且與外部毫不相干 。W3C對BFC的定義如下：浮動元素和絕對定位元素 ， 非塊級盒子的塊級容器（例如 ， 內聯(lián)塊 ， 表單元格和表標題） ， 以及溢出值不為“可見”的塊級盒子 ，  ， 都會為他們的內容創(chuàng)建新的BFC（阻止Fromatting上下文 ， 即塊級格式文本） 。注意：可以把BFC理解為一個大的盒子 ， 其內部是由Block-level box組成的如何觸發(fā)BFC？（*）根元素 → 根元素（html）就是最大的BFCposition設置為 fixed 或者 absolutedisplay設置為 inline-block 、table-block 、table-captionoverflow的值不為visiblefloat的值不為noneBFC布局規(guī)則：內部的Box會在垂直方向 ， 一個接一個地放置 。Box垂直方向的距離由margin決定 。屬于同一個BFC的兩個相鄰Box的margin會發(fā)生重疊每個元素的margin box的左邊 ，  與包含塊的左邊相接觸(對于從左往右的格式化 ， 否則相反) 。即使存在浮動也是如此 。BFC的區(qū)域不會與外部float box重疊 。BFC就是頁面上的一個隔離的獨立容器 ， 容器里面的子元素不會影響到外面的元素 。反之也如此 。計算BFC的高度時 ， 浮動元素也參與計算BFC的作用及原理：自適應兩欄布局清除內部浮動防止垂直 margin 重疊（將垂直方向上的盒子放在不同的 BFC 中 ， margin 就不會重疊了 。）BFC內部的元素和外部的元素絕對不會互相影響 ， 因此 ，  當BFC外部存在浮動時 ， 它不應該影響B(tài)FC內部Box的布局 ， BFC會通過變窄 ， 而不與浮動有重疊 。同樣的 ， 當BFC內部有浮動時 ， 為了不影響外部元素的布局 ， BFC計算高度時會包括浮動的高度 。避免margin重疊也是這樣的一個道理 。IFC行內格式上下文內部的盒子一個接著一個地排列 ， 起點是包含塊的頂點 。如果一行放不下內容 ， 那么會被“拆”開放到下一行 。只有水平方向上的 Margin 會在盒子中保留 。Padding 和 Border 不會撐開行高 。z-index層疊上下文z-index 可以解決元素之間覆蓋順序的問題 ， 設置它的層疊順序 。如果元素是沒有定位的 ， 對其設置的 z-index 會是無效的 。元素層疊時 ， 覆蓋關系準則（*）同父同級元素當具有明顯的層疊水平標示時 ， 如識別的z-index值z-index大的覆蓋小的 ， 數(shù)值越大 ， 越靠近視覺點 。z-index相同時 ， 在DOM流中處于后面會覆蓋前面 。都沒有設置 z-index時 ， 使用默認值 ， 一個定位一個沒有定位 ， 那么定位覆蓋未定位元素 。都沒有定位且發(fā)生位置重合現(xiàn)象時 ， 在DOM流中處于后面會覆蓋前面 。父子層級元素不同父元素 ， 只要父元素越大 ， 那么整體就越靠近視覺點 ， 而不管其子元素大小情況 。如果父元素 z-index 有效 ， 那么子元素無論是否設置 z-index 都和父元素一致 ， 會在父元素上方；如果父元素 z-index 失效（未定位或者使用默認值） ， 那么定位子元素的 z-index 設置生效 。層疊上下文的創(chuàng)建根層疊上下文指的是頁面根元素 ， 也就是滾動條的默認的始作俑者元素 。這就是為什么 ， 絕對定位元素在left/top等值定位的時候 ， 如果沒有其他定位元素限制 ， 會相對瀏覽器窗口定位的原因 。

以上關于本文的內容，僅作參考！溫馨提示：如遇健康、疾病相關的問題，請您及時就醫(yī)或請專業(yè)人士給予相關指導!

• 垂直居中的多種方式 html中div水平居中
• 三個字大氣響亮公司的名字 有什么三個字大氣響亮公司的名字
• 男性常做三個動作有助強身抗衰
• 華為智慧屏怎么投屏?這三個方法完美解決! 用三個方法解決華為智慧屏投屏
• 乒乓球正手發(fā)力的三個重要環(huán)節(jié)
• 橄欖球在中國的三個階段
• 這三個方法送給大家 微信聊天記錄刪了怎么恢復找回來
• 荒天帝娶的三個老婆結局誰最慘 石昊三個老婆的結局
• 安全風險評估的三個要素 信息系統(tǒng)安全風險評估指南
• 四大神獸被誰吃了（上古四大神獸死了哪三個,死在哪里