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

資訊專欄INFORMATION COLUMN

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

superw / 1494人閱讀

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

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

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

不會隨著滾軸滾動，常用來做廣告

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

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

父元素的層級再高也不會蓋住子元素



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


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

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

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

相關(guān)文章

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

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

    DobbyKim 評論0 收藏0

  • CSS原生布局方式

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

    PingCAP 評論0 收藏0

  • web前端（12）—— 頁面布局2

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

    番茄西紅柿 評論0 收藏0

  • 前端筆記之CSS（下）浮動&BFC&定位&Hack

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

    番茄西紅柿 評論0 收藏0

發(fā)表評論

0條評論

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