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

資訊專欄INFORMATION COLUMN

fixed固定定位 定位元素的層級(jí)和float層級(jí)的區(qū)別 遮蓋效果

superw / 1485人閱讀

摘要：講固定定位固定定位與上一講的絕對(duì)定位很相似，不同點(diǎn)是固定定位永遠(yuǎn)是瀏覽器窗口左上角不會(huì)隨著滾軸滾動(dòng)，常用來(lái)做廣告講元素的層級(jí)相對(duì)定位沒有脫離文檔流，但是會(huì)靈魂出竅進(jìn)行元素遮蓋。

71講 固定定位 
固定定位與上一講的絕對(duì)定位很相似，不同點(diǎn)是：

固定定位永遠(yuǎn)是瀏覽器窗口左上角

不會(huì)隨著滾軸滾動(dòng)，常用來(lái)做廣告

72講 元素的層級(jí) 
相對(duì)定位沒有脫離文檔流，但是會(huì)靈魂出竅進(jìn)行元素遮蓋。絕對(duì)定位脫離了文檔流，也能實(shí)現(xiàn)遮蓋。另外float也會(huì)脫離文檔流實(shí)現(xiàn)某種意義上的遮蓋。當(dāng)這三個(gè)遇到一塊會(huì)出現(xiàn)什么情況？
層級(jí)z-index

只有設(shè)置了position才可以使用z-index(position:static除外)進(jìn)行層級(jí)的設(shè)置，默認(rèn)層級(jí)是0

父元素的層級(jí)再高也不會(huì)蓋住子元素



層級(jí)
關(guān)于float層級(jí) 
div1絕對(duì)定位會(huì)脫離文檔流position:absolute，那么此時(shí)我設(shè)置div2為float:left會(huì)出現(xiàn)什么效果呢？發(fā)現(xiàn)設(shè)置了position:absolute后也會(huì)把float進(jìn)行遮蓋，并不會(huì)出現(xiàn)兩個(gè)元素水平排列


導(dǎo)航條
遮蓋與總結(jié) 
如果要實(shí)現(xiàn)遮蓋效果 position:absolute，應(yīng)該是首先會(huì)想到的
設(shè)置了position屬性后會(huì)有專屬的屬性出現(xiàn):left top bottom right z-index其他元素不可以使用~~!

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/54870.html

相關(guān)文章

  • fixed固定定位 定位元素的層級(jí)和float層級(jí)的區(qū)別 遮蓋效果

    摘要：講固定定位固定定位與上一講的絕對(duì)定位很相似，不同點(diǎn)是固定定位永遠(yuǎn)是瀏覽器窗口左上角不會(huì)隨著滾軸滾動(dòng)，常用來(lái)做廣告講元素的層級(jí)相對(duì)定位沒有脫離文檔流，但是會(huì)靈魂出竅進(jìn)行元素遮蓋。 71講 固定定位 固定定位與上一講的絕對(duì)定位很相似，不同點(diǎn)是： 固定定位永遠(yuǎn)是瀏覽器窗口左上角 不會(huì)隨著滾軸滾動(dòng)，常用來(lái)做廣告 72講 元素的層級(jí) 相對(duì)定位沒有脫離文檔流，但是會(huì)靈魂出竅進(jìn)行元素遮蓋。絕對(duì)定...

    DobbyKim 評(píng)論0 收藏0

  • CSS原生布局方式

    摘要：布局任何元素在默認(rèn)的情況下都是處于整個(gè)文檔流中的，不會(huì)浮動(dòng)的。相對(duì)定位如果想為元素設(shè)置層級(jí)布局模型中的相對(duì)定位，需要設(shè)置表示相對(duì)定位，它通過(guò)屬性確定元素在正常文檔流中的偏移位置。 showImg(https://segmentfault.com/img/remote/1460000009753577); 前言 網(wǎng)頁(yè)原生布局的方法其實(shí)網(wǎng)上有很多，大概為Flow（流動(dòng)布局模型）、Float...

    PingCAP 評(píng)論0 收藏0

  • web前端（12）—— 頁(yè)面布局2

    摘要：是以首屏頁(yè)面左下角為參考點(diǎn)來(lái)調(diào)整位置。因?yàn)榻^對(duì)定位脫離標(biāo)準(zhǔn)流，影響頁(yè)面的布局。相反父相子絕在我們頁(yè)面布局中，是常用的布局方案。本篇博文，主要就講定位的問題，也就是頁(yè)面布局里最重要的，本篇博文不出意外的話，也是css的最后一篇博文了 定位，position屬性 定位有三種： 相對(duì)定位 絕對(duì)定位 固定定位 相對(duì)定位，position：relative 相對(duì)定位的意思就是相對(duì)于自身元素原來(lái)...

    番茄西紅柿 評(píng)論0 收藏0

  • 前端筆記之CSS（下）浮動(dòng)&BFC&定位&Hack

    摘要：并最終窗體自上而下分成一行行，并在每行中從左至右的順序排放元素。宋體清除浮動(dòng)這是專業(yè)術(shù)語(yǔ)，其實(shí)就是需要我們解決浮動(dòng)帶來(lái)的影響宋體父元素的高度塌陷宋體。相對(duì)定位的參考點(diǎn)是自身。 一、浮動(dòng) 1.1 各個(gè)語(yǔ)言的主要知識(shí)點(diǎn) HTML：標(biāo)簽語(yǔ)義化(那么怎么樣布局才是合理的?沒有絕對(duì)的對(duì)和錯(cuò)) CSS： 　　樣式： 　　布局： 　　　　標(biāo)準(zhǔn)流(標(biāo)準(zhǔn)文檔流、普通文檔流)：盒子模型(width/height...

    番茄西紅柿 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<