同一個盒子的樣式為啥有變化?
li元素的樣式,在布局的時候有width和height的100%設置,到了封裝的 時候width和height的100%設置就沒了,如圖:,這是剛開始布局樣式的時候;
到了封裝的時候代碼就變成這樣的了:
這是為啥?
基于以上,我想求一下源碼,么么噠
li元素的樣式,在布局的時候有width和height的100%設置,到了封裝的 時候width和height的100%設置就沒了,如圖:,這是剛開始布局樣式的時候;
到了封裝的時候代碼就變成這樣的了:
這是為啥?
基于以上,我想求一下源碼,么么噠
2015-11-09
舉報
2015-11-10
這樣雖然給ul>li設置一個width、height:100%但是由于div的position被absolute了,所以ul、li的width:100%是fallow到了<body>,而<body>又是根據內容自適應大小的;
所以,由于ul、li的父級元素div的position被absolute了,這個時候依然以div的大小去設置ul、li是根本沒用的;然而老師之所以還設置一個width、height:100%,應該是因為這種分章節(jié)式的教學不得不寫一下,到了封裝的時候用js去設置了ul>li的大小,然后這種沒用的代碼自然就去掉了。