欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

解決外邊距margin疊加的方法教程-創(chuàng)新互聯(lián)

這篇文章主要講解了“解決外邊距margin疊加的方法教程”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“解決外邊距margin疊加的方法教程”吧!

創(chuàng)新互聯(lián)公司成立與2013年,是專(zhuān)業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命,1280元嫩江做網(wǎng)站,已為上家服務(wù),為嫩江各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話(huà):18980820575

一、首先你要知道什么情況下會(huì)觸發(fā):兩個(gè)或多個(gè)毗鄰的普通流中的塊元素垂直方向上的 margin 會(huì)折疊

1.兩個(gè)或多個(gè)
說(shuō)明其數(shù)量必須是大于一個(gè),又說(shuō)明,折疊是元素與元素間相互的行為,不存在 A 和 B 折疊,B 沒(méi)有和 A 折疊的現(xiàn)象。

2.毗鄰
是指沒(méi)有被非空內(nèi)容、padding、border 或 clear 分隔開(kāi),說(shuō)明其位置關(guān)系。
注意一點(diǎn),在沒(méi)有被分隔開(kāi)的情況下,一個(gè)元素的 margin-top 會(huì)和它普通流中的第一個(gè)子元素(非浮動(dòng)元素等)的 margin-top 相鄰; 只有在一個(gè)元素的 height 是 "auto" 的情況下,它的 margin-bottom 才會(huì)和它普通流中的最后一個(gè)子元素(非浮動(dòng)元素等)的 margin-bottom 相鄰。

3.垂直方向
是指具體的方位,只有垂直方向的 margin 才會(huì)折疊,也就是說(shuō),水平方向的 margin 不會(huì)發(fā)生折疊的現(xiàn)象。

二、那么如何使元素上下margin不折疊呢?

1.浮動(dòng)元素、inline-block 元素、絕對(duì)定位元素的 margin 不會(huì)和垂直方向上其他元素的 margin 折疊(注意這里指的是上下相鄰的元素)

2.創(chuàng)建了塊級(jí)格式化上下文的元素,不和它的子元素發(fā)生 margin 折疊(注意這里指的是創(chuàng)建了BFC的元素和它的子元素不會(huì)發(fā)生折疊)

我們都知道觸發(fā)BFC的因素是float(除了none)、overflow(除了visible)、display(table-cell/table-caption/inline-block)、position(除了static/relative)

很明顯大家可以看出來(lái)相鄰元素不發(fā)生折疊的因素是觸發(fā)BFC因素的子集,也就是說(shuō)如果我為上下相鄰的元素設(shè)置了overflow:hidden,雖然觸發(fā)了BFC,但是上下元素的上下margin還是會(huì)發(fā)生折疊

這個(gè)問(wèn)題其實(shí)和BFC并沒(méi)有太大的關(guān)系,希望大家不要濫用BFC,要知道BFC不是全能,創(chuàng)建BFC的初衷只是為了讓元素本身(包括它的子元素)能夠正確的計(jì)算自己的寬高。

不發(fā)生折疊的觸發(fā)因素是浮動(dòng)元素、inline-block 元素、絕對(duì)定位元素,這個(gè)只是創(chuàng)建BFC因素的子集,但并不能說(shuō)明創(chuàng)建了BFC的元素就不會(huì)發(fā)生折疊,因?yàn)锽FC還可以用overflow:hidden來(lái)創(chuàng)建。相反如果父元素觸發(fā)了BFC,那么他的塊級(jí)子元素反而會(huì)發(fā)生折疊。

克軍提到的最后一個(gè)zoom,這是IE瀏覽器最初支持的縮放屬性,到現(xiàn)在只有新的webkit核心的瀏覽器也支持。但只是在IE8以下的瀏覽器下才可成功觸發(fā)hasLayout,對(duì)于非IE瀏覽器也是沒(méi)有效果的,所以還是需要同樣的去創(chuàng)建BFC。

關(guān)于最終如何解決這樣的問(wèn)題,我的建議是在寫(xiě)的時(shí)候盡量用同一方向的margin,比如都設(shè)置為top或者bottom,因?yàn)槟阍趯?shí)踐的時(shí)候有時(shí)不需要為每個(gè)元素設(shè)置浮動(dòng)、inline-block或者absolute 。

感謝各位的閱讀,以上就是“解決外邊距margin疊加的方法教程”的內(nèi)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì)解決外邊距margin疊加的方法教程這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!

當(dāng)前題目:解決外邊距margin疊加的方法教程-創(chuàng)新互聯(lián)
網(wǎng)站鏈接:http://aaarwkj.com/article16/hsjdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作云服務(wù)器、網(wǎng)站設(shè)計(jì)公司、服務(wù)器托管企業(yè)建站、品牌網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作
2023国产精品一区| 国产免费成人在线视频| 国产亚洲超级97免费视频| 日本国内一区二区三区四区视频 | 亚洲av一区二区三区网站| 一区二区三区日韩电影在线| 亚洲中文字幕少妇视频| 日韩一区中文字幕久久| 中文字幕在线精品乱码麻豆| 久久久国产精品视频网站| 免费一区二区三区黄色| 人人看男人的天堂东京| 国产丝袜美腿在线观看| 日本一道二区三区我不卡| 九九热精品在线观看视频| 亚洲av在线av天堂| 18禁止看的视频免费| 国产精品自拍av一区二区| 日本午夜专区一区二区| 亚洲一区二区午夜福利亚洲| 加勒比久草免费在线观看| 欧美日韩精品在线二区| 亚洲精品91在线中文字幕| 日韩国产精品激情一区| 国产精品大全中文字幕| 一二三日韩电影在线观看| 日本韩国亚洲欧美一区二区| 成人国产视频免费观看| 欧美三级黄片免费视频| 免费一区二区不卡去日本| 国产又粗又猛又爽黄老大爷 | 国产欧美日本精品视频| 日日夜夜精品天天综合| 久久精品国产亚洲av高清观看| 国产原创传媒在线观看| 日韩一二三区免费不卡视频| 国产亚洲精品第一综合| 蜜臀综合亚洲国产精品| 韩国av一区二区三区| 五月开心婷婷开心五月活动推荐 | 欧美男女精品一区二区三区|