div你的高度是由什么決定的基矮?
div高度由其內(nèi)部文檔流元素的高度總和決定
當你的眼睛 瞇著笑 當你喝可樂 當你吵……
當你沒有孩子時候,div你沒有高度笋轨;可當你有孩子的時候秆剪,div你就開始有高度了……
話說你生的是男孩(塊級元素)還是女孩(內(nèi)聯(lián)元素)
如果是男孩的話:
這個男孩長大以后一定會跟你一樣霸道,比如:坐大巴的時候爵政,你坐到后面就是一躺仅讽,所有位置都給占完了,你讓沒位置的人怎么辦钾挟?
如果是女孩的話:
肯定不會像你坐大巴那樣洁灵,最后排一躺,睡起掺出』涨В肯定是一個人一個人挨著坐啊
所以什么是文檔流?
懵逼……
所謂文檔流汤锨,即形容塊級元素的從上往下双抽,另起一行的縱向流動方式和內(nèi)聯(lián)元素從左往右,一行不能容納就到下一行的的水平流動方式泥畅。就像是坐大巴一樣荠诬,塊級元素相當于每一行就只能坐一個人,而內(nèi)聯(lián)元素相當于每一行都坐滿人位仁,這一行坐滿了就到下一行去诸典。
所以div你有多高移层?取決于你內(nèi)部文檔流元素的高度總和墓律,注意不是等于
span元素的高度帖努?
你寫了一個span,給了幾個字符琳疏,如你好有决;給上字體大小,如100px空盼。
為了更好地顯示书幕,你給上了邊框
然后你你開始猜測這個span到底有多高呢?是100px嗎揽趾?還是比100px大台汇?
應該是比100px大,為什么?因為字體有建議行高肮赌拧痒芝!當你不設(shè)置行高的時候,瀏覽器就用建議行高扒K亍严衬!
既然如此,那么span的高度等于字體的建議行高笆呆?
答案是NO!
當你換了一種字體请琳,去測量span的高度時,會發(fā)現(xiàn)腰奋,span的高度變化了单起,你會驚訝明明就是字體不同,為啥span的高度不一致了劣坊?
所以span的高度是無法確定的,它是由建議行高和字體的相關(guān)設(shè)計決定的屈留【直總之,這個span的高度歸根到底還是由設(shè)計師決定的灌危,前端無法確定康二。