国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

文檔流相關(guān)

tainzhi / 2205人閱讀

摘要：文檔流標(biāo)準(zhǔn)文檔流，元素默認(rèn)會從左至右，上至下，塊級元素獨(dú)占一行，行內(nèi)元素共享一行預(yù)留空間，出現(xiàn)在正常文檔流，忽略或者聲明預(yù)留空間，相對于之前的位置移動沒有預(yù)留空間，相對于非的位置移動，如果沒有，就一路到根元素沒有預(yù)留空間，相對于屏幕視口的

文檔流

標(biāo)準(zhǔn)文檔流，元素默認(rèn)會從左至右，上至下，塊級元素獨(dú)占一行，行內(nèi)元素共享一行

position

static

預(yù)留空間，出現(xiàn)在正常文檔流，（忽略 top, bottom, left, right 或者 z-index 聲明）

relative

預(yù)留空間，相對于之前的位置移動

absoute

沒有預(yù)留空間，相對于非static的位置移動，如果沒有，就一路到根元素

fixed

沒有預(yù)留空間，相對于屏幕視口的位置移動

sticky（兼容不好）

相對于第一個有滾動的父級塊元素的位置移動，就是正常像relative，滾動時像fixed

z-index

層疊順序，整數(shù)越大，越被層疊在上面，父子關(guān)系的話，一定是父在上子在下，同節(jié)點(diǎn)如果不按順序來的話，就應(yīng)該去查看其父元素，俗稱“拼爹”

clear Float

如果子元素用了float，如果不清除浮動，父元素?zé)o法撐開子元素

clear: both：在父元素下增加一個新元素

overflow: auto

clearfix： 寫一個類在父元素，利用偽元素插入兩個元素塊

.clearfix:after{
  content: "";
  display: block;
  clear: both;
BFC

直譯為"塊級格式化上下文"，與外部區(qū)域毫不相關(guān)，是一個容器，用來管理塊級元素

創(chuàng)建BFC

float為left|right

overflow為 hidden|auto|scroll

display為 table-cell|table-caption|inline-block|inline-flex|flex

position為 absolute|fixed

根元素

BFC特性 特性1： BFC阻止margin重疊

屬于同一個BFC時，margin會重疊，只要他們之間沒有阻擋（比如邊框、非空內(nèi)容、padding等）就會發(fā)生margin重疊

兄弟元素margin重疊，解決方案是，中間加個BFC

子元素margin父元素不撐開，解決方案是，父元素BFC

特性2：BFC不會重疊浮動元素

就是把浮動元素和其他元素分開，行成自適應(yīng)兩攔布局

特性3：BFC可以包含浮動

子元素浮動，就脫離了文檔流，父元素高度坍塌，解決方案是，把父元素變成一個BFC

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/114694.html

相關(guān)文章

  • CSS布局相關(guān)基本概念

    摘要：當(dāng)一個元素從正常文檔流中抽出后，仍然在文檔流中的其他元素將忽略該元素并填補(bǔ)他原先的空間基于文檔流，理解定位模式相對定位，即相對于元素在文檔流中位置進(jìn)行偏移。絕對定位，即完全脫離文檔流，相對于屬性非值的最近父級元素進(jìn)行偏移。 主要參考文檔：http://www.zhangxinxu.com/wor...https://www.cnblogs.com/dojo-... 測試?yán)樱篽ttps...

    wangxinarhat 評論0 收藏0

  • 浮動及浮動相關(guān)問題(初次)

    摘要：浮動定義使元素脫離文檔流，按照指定的方向發(fā)生移動，遇到父級的邊界或者相鄰的浮動元素就會停下來，當(dāng)浮動并不是全動脫離文檔流。 這僅是我個人看到的，如果補(bǔ)充，還請大家不要吝嗇當(dāng)個鍵盤俠，謝謝！ 文檔流 文檔中可顯示的元素在排列時候的開始位置以及他們所占的區(qū)域。 因?yàn)轫撁嬷械脑胤譃椴煌姆N類，所以他們會按各自的特點(diǎn)去顯示，在頁面中所占的區(qū)域不是一樣的。會按從上到下，從左到右的順序輸出內(nèi)容。...

    W_BinaryTree 評論0 收藏0

  • 浮動及浮動相關(guān)問題(初次)

    摘要：浮動定義使元素脫離文檔流，按照指定的方向發(fā)生移動，遇到父級的邊界或者相鄰的浮動元素就會停下來，當(dāng)浮動并不是全動脫離文檔流。 這僅是我個人看到的，如果補(bǔ)充，還請大家不要吝嗇當(dāng)個鍵盤俠，謝謝！ 文檔流 文檔中可顯示的元素在排列時候的開始位置以及他們所占的區(qū)域。 因?yàn)轫撁嬷械脑胤譃椴煌姆N類，所以他們會按各自的特點(diǎn)去顯示，在頁面中所占的區(qū)域不是一樣的。會按從上到下，從左到右的順序輸出內(nèi)容。...

    fsmStudy 評論0 收藏0

  • 深入css布局 (2) — 定位與浮動

    摘要：深入布局定位與浮動在知識體系中，除了選擇器，樣式屬性等基礎(chǔ)知識外，布局相關(guān)的知識才是比較核心和重要的點(diǎn)。定位后，原來在文檔流中占據(jù)的位置，會被其他元素所占據(jù)。清除浮動的特殊應(yīng)用清除浮動可以解決父元素高度塌陷問題。? 深入css布局(2) — 定位與浮動 ? ???? 在css知識體系中，除了css選擇器，樣式屬性等基礎(chǔ)知識外，css布局相關(guān)的知識才是css比較核心和重要的點(diǎn)。今天我們來深...

    Crazy_Coder 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<