對於height :100%的理解

最近在做項目的時候,在調樣式的時候,給一個元素的樣式設爲height:100%,發現沒有達到效果,最後發現給他的父元素設了高度之後就有反應了。難道這樣就解決了?還沒有,我還要去查一查!
搜了w3cschool的文檔,看到這個:在這裏插入圖片描述
這樣才明白了一點,難道是width也是這樣?
在這裏插入圖片描述
嗯嗯,好像都是差不多的意思,那他們有什麼區別呢?
如果一個元素給它設爲height:100%,width:100%,它父元素什麼都沒設的話,那麼起作用就只有width:100%,借鑑下來自於一位大神的一句話:
在這裏插入圖片描述
上面的缺省值就是默認值的意思,所以我們要給heigth:100%起作用的話,就必須給其父元素加上高度。

借鑑的有關文章 :https://blog.csdn.net/weixin_30314813/article/details/96962513

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章