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

資訊專(zhuān)欄INFORMATION COLUMN

網(wǎng)頁(yè)標(biāo)準(zhǔn)文檔流中垂直方向的margin塌陷現(xiàn)象

simon_chen / 819人閱讀

摘要:在標(biāo)準(zhǔn)文檔流中即沒(méi)有浮動(dòng),如果設(shè)置了浮動(dòng)那就不會(huì)出現(xiàn)這中情況了,中有兩個(gè)元素,這兩個(gè)元素的寬高都是,第一個(gè)設(shè)置了第二個(gè)設(shè)置了,那么實(shí)際上兩個(gè)元素之間的距離是,這就是塌陷現(xiàn)象,并且塌陷還是以大的一方為準(zhǔn)。

在標(biāo)準(zhǔn)文檔流中(即沒(méi)有浮動(dòng),如果設(shè)置了浮動(dòng)那就不會(huì)出現(xiàn)這中情況了),body中有兩個(gè)div元素,這兩個(gè)div元素的寬、高都是200px,第一個(gè)div設(shè)置了margin-bottom:t0px;第二個(gè)div設(shè)置了margin-top:20px,那么實(shí)際上兩個(gè)div元素之間的距離是50px,這就是margin塌陷現(xiàn)象,并且margin塌陷還是以大的一方為準(zhǔn)。如圖片:




    
margin-bottom: 50px;
margin-top: 20px;

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

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

相關(guān)文章

  • 網(wǎng)頁(yè)標(biāo)準(zhǔn)文檔流中垂直方向margin塌陷現(xiàn)象

    摘要:在標(biāo)準(zhǔn)文檔流中即沒(méi)有浮動(dòng),如果設(shè)置了浮動(dòng)那就不會(huì)出現(xiàn)這中情況了,中有兩個(gè)元素,這兩個(gè)元素的寬高都是,第一個(gè)設(shè)置了第二個(gè)設(shè)置了,那么實(shí)際上兩個(gè)元素之間的距離是,這就是塌陷現(xiàn)象,并且塌陷還是以大的一方為準(zhǔn)。 在標(biāo)準(zhǔn)文檔流中(即沒(méi)有浮動(dòng),如果設(shè)置了浮動(dòng)那就不會(huì)出現(xiàn)這中情況了),body中有兩個(gè)div元素,這兩個(gè)div元素的寬、高都是200px,第一個(gè)div設(shè)置了margin-bottom:t...

    flybywind 評(píng)論0 收藏0
  • CSS知識(shí)點(diǎn)及技巧整理

    摘要:當(dāng)元素在容器中被滾動(dòng)超過(guò)指定的偏移值時(shí),元素在容器內(nèi)固定在指定位置。詳見(jiàn)浮動(dòng)與清除浮動(dòng)浮動(dòng)相關(guān)知識(shí)屬性的取值元素向左浮動(dòng)。是相對(duì)長(zhǎng)度單位,相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。 這些個(gè)知識(shí)點(diǎn)是我個(gè)人認(rèn)為的,下面我們就來(lái)看看這些個(gè)知識(shí)點(diǎn)。 1.怎么讓一個(gè)不定寬高的 DIV,垂直水平居中? 使用Flex 只需要在父盒子設(shè)置:display: flex; justify-content: cent...

    masturbator 評(píng)論0 收藏0
  • CSS知識(shí)點(diǎn)及技巧整理

    摘要:當(dāng)元素在容器中被滾動(dòng)超過(guò)指定的偏移值時(shí),元素在容器內(nèi)固定在指定位置。詳見(jiàn)浮動(dòng)與清除浮動(dòng)浮動(dòng)相關(guān)知識(shí)屬性的取值元素向左浮動(dòng)。是相對(duì)長(zhǎng)度單位,相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。 這些個(gè)知識(shí)點(diǎn)是我個(gè)人認(rèn)為的,下面我們就來(lái)看看這些個(gè)知識(shí)點(diǎn)。 1.怎么讓一個(gè)不定寬高的 DIV,垂直水平居中? 使用Flex 只需要在父盒子設(shè)置:display: flex; justify-content: cent...

    EasonTyler 評(píng)論0 收藏0
  • web前端(11)—— 頁(yè)面布局1

    摘要:維護(hù)起來(lái)更加方便不足雪碧的最大問(wèn)題是內(nèi)存使用拼圖維護(hù)比較麻煩使的編寫(xiě)變得困難雪碧調(diào)用的圖片不能被打印我們可以使用綜合屬性制作通天,什么是通天呢,就是一般我們電腦的屏幕都是但是設(shè)計(jì)師給我們的圖都會(huì)比這個(gè)大,那么我們可以此屬性來(lái)制作通天。 要說(shuō)頁(yè)面布局的話(huà),那就必須說(shuō)說(shuō)margin,padding,和background。這三個(gè)屬性其實(shí)都是前面講過(guò)的,這里還是再次講解以下,為什么呢?因?yàn)槭沁@樣的...

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

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

0條評(píng)論

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