摘要:其實(shí)合并還有其他的形式,比如說(shuō)父層的與一系列子層中第一個(gè)層的合并上層的與下層的合并,此時(shí)值為合并值中的最大值。至于負(fù),就從正相鄰的最大值中減去負(fù)相鄰的絕對(duì)值的最大值。
如果不想看那么長(zhǎng),看下面這句話就好了。
剛開(kāi)始我沒(méi)看到這個(gè)總結(jié)時(shí)一直是使用自己摸索出來(lái)paddin-top解決,發(fā)現(xiàn)該方式并不好。親測(cè)給父級(jí)加一個(gè)overflow不為visiable的屬性就直接解決了,簡(jiǎn)單明了。
這是在做布局時(shí)的一個(gè)經(jīng)典問(wèn)題。那這個(gè)問(wèn)題是怎么產(chǎn)生的呢?主要是合并margin的問(wèn)題,紅色層(子層)的margin-top與黃色層(父層)相合并,產(chǎn)生了共同的margin-top。其實(shí)合并margin還有其他的形式,比如說(shuō):
那如何解決這個(gè)問(wèn)題呢,w3.org給出了思路:
簡(jiǎn)單的來(lái)講,就是
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/1486.html
摘要:空元素,主要講下可算內(nèi)聯(lián)元素,因?yàn)榭膳c其他元素同行,且寬高對(duì)其起作用。提示對(duì)內(nèi)聯(lián)元素寬高起作用,請(qǐng)使用談?wù)剬?duì)定位的理解生成絕對(duì)定位的元素,相對(duì)于定位以外的第一個(gè)父元素進(jìn)行定位。 Html 1.解釋 ,主要從utf-8展開(kāi),utf-8是一種字符編碼,該編碼是全世界通用的,意思是假如項(xiàng)目涉及多語(yǔ)言,那么只能使用該編碼方式。 是使用html5文檔類型。告知瀏覽器的解析器,用什么文檔類型 ...
摘要:空元素,主要講下可算內(nèi)聯(lián)元素,因?yàn)榭膳c其他元素同行,且寬高對(duì)其起作用。提示對(duì)內(nèi)聯(lián)元素寬高起作用,請(qǐng)使用談?wù)剬?duì)定位的理解生成絕對(duì)定位的元素,相對(duì)于定位以外的第一個(gè)父元素進(jìn)行定位。 Html 1.解釋 ,主要從utf-8展開(kāi),utf-8是一種字符編碼,該編碼是全世界通用的,意思是假如項(xiàng)目涉及多語(yǔ)言,那么只能使用該編碼方式。 是使用html5文檔類型。告知瀏覽器的解析器,用什么文檔類型 ...
摘要:二的賦值普通元素的百分比都是相對(duì)于容器的寬度計(jì)算。絕對(duì)定位元素的百分比,絕對(duì)定位元素的百分比是相對(duì)于第一個(gè)定位祖先元素的寬度計(jì)算應(yīng)用寬高自適應(yīng)矩形傳送門之所以會(huì)是,是因?yàn)榇怪狈较蛏习l(fā)生重疊。 一. margin對(duì)尺寸的影響 1.可視尺寸 a.適用于沒(méi)有設(shè)定width/height的普通block水平元素float元素、absolute/fixed元素、inline元素、table-ce...
閱讀 3489·2021-11-25 09:43
閱讀 3154·2021-10-15 09:43
閱讀 2106·2021-09-08 09:36
閱讀 3113·2019-08-30 15:56
閱讀 878·2019-08-30 15:54
閱讀 2836·2019-08-30 15:54
閱讀 3127·2019-08-30 11:26
閱讀 1385·2019-08-29 17:27