今天用div學(xué)習(xí)首頁布局，整個(gè)頁面分為三塊，中間區(qū)域?yàn)榧t色（看不到，被覆蓋）又分為兩大塊，綠色和紫色使用了float元素，將中間區(qū)域定義為父div，綠色和紫色分別為子div，當(dāng)他們各自的高度出現(xiàn)變化時(shí)，呈現(xiàn)出來的頁面布局會(huì)有什么變化？

首頁布局

1、當(dāng)子div高度低于父div時(shí)：

父div不會(huì)縮小，原本的底色也被落了出來

2、當(dāng)子div高度高于父div時(shí)

子div不會(huì)被父div束縛，會(huì)按照原本設(shè)置的高度呈現(xiàn)，并將與父div同一輩的div擠出總的div

3、當(dāng)父div高度低于原本的高度，寬度也比原來寬時(shí)

與紅色同輩的黃色div被掩蓋在綠色和紫色div之下