摘要:在標(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
摘要:在標(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...
摘要:當(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...
摘要:當(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...
摘要:維護(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)槭沁@樣的...
閱讀 3465·2021-09-08 09:36
閱讀 2556·2019-08-30 15:54
閱讀 2355·2019-08-30 15:54
閱讀 1768·2019-08-30 15:44
閱讀 2391·2019-08-26 14:04
閱讀 2444·2019-08-26 14:01
閱讀 2880·2019-08-26 13:58
閱讀 1330·2019-08-26 13:47