小夥伴們，根據所學知識，實現如下圖所示的簡單兩列布局，整個頁面寬度為960px，背景顏色為#cff。左側盒子寬度為740px，背景顏色為#c9f，右側盒子寬度為210px，背景顏色為#fcf。左側和右側盒子的高度均為300px。
效果圖:
一、在右側**的body標籤中新增乙個div，設定其class屬性為mainbox。
二、在mainbox中新增兩個div，其class屬性分別為leftbox和rightbox。
三、在右側**的之前，分別定義類選擇器mainbox、leftbox、rightbox，並按照題目要求定義其css樣式。
1．根據任務要求設定相關css樣式
2. leftbox和rightbox需要巢狀在mainbox中
注意：leftbox和rightbox設定浮動之後脫離了普通的文件流，不再占用原來文件中的位置，因此無法把父div撐開。
解
決的方法：
①可以給父div也設定高度為300px，使頁面中的leftbox和rightbox看起來「好像」還在原來的位置；②定義乙個類選擇器，並設定clear:both；清除浮動，同時為了解決ie6中div有高度的問題可以增加屬性height:0;overflow:hidden;
其他解決方法可以參照上面的評測題
**參考：
或者：
關於浮動與清除浮動
當給乙個子元素設定浮動屬性時，這個子元素就脫離了文件流，從形式上不再屬於父元素，因此它的父元素的高度就會受到影響，內容不被撐開，為了清除子元素浮動帶來的負面影響，可以有以下方法解決 1,給直接父元素設定inline block或float屬性 不推薦 2,在浮動的子元素後面加上br標籤並設定clea...
關於浮動與清除浮動
當給乙個子元素設定浮動屬性時，這個子元素就脫離了文件流，從形式上不再屬於父元素，因此它的父元素的高度就會受到影響，內容不被撐開，為了清除子元素浮動帶來的負面影響，可以有以下方法解決 1,給直接父元素設定inline block或float屬性 不推薦 2,在浮動的子元素後面加上br標籤並設定clea...
關於清除浮動
一 為什麼要浮動 我個人認為是為了頁面的美觀，方便布局，但是浮動是把雙刃劍，有利也有弊 二 什麼時候需要清除浮動 很多種原因。1.如果父元素沒有設定高度，而子級元素設定了浮動，這樣會導致父元素高度的坍塌。2.導致背景不能顯示，如果對父級設定了背景屬性，導致父級不能撐開，會影響到背景不能正常開啟。3....