亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

章節
問答
課簽
筆記
評論
占位
占位

編程練習

小伙伴們,根據所學知識,實現如下圖所示的簡單兩列布局,整個頁面寬度為960px,背景顏色為#CFF。左側盒子寬度為740px,背景顏色為#C9F,右側盒子寬度為210px,背景顏色為#FCF。左側和右側盒子的高度均為300px。

效果圖:

溫馨提示:完成任務后,請驗證是否與實踐描述效果一致,如一致,恭喜您,你已經掌握此技能,否則,請重復學習此節內容。

任務

一、在右側代碼的body標簽中添加一個div,設置其class屬性為mainBox。

二、在mainBox中添加兩個div,其class屬性分別為leftBox和rightBox。

三、在右側代碼的</head>之前,分別定義類選擇器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;
其他解決方法可以參照上面的評測題
?不會了怎么辦

小伙伴們,可以在右下角的"源代碼下載"區,下載參考代碼。

||

提問題

寫筆記

公開筆記
提交
||

請驗證,完成請求

由于請求次數過多,請先驗證,完成再次請求

加群二維碼

打開微信掃碼自動綁定

您還未綁定服務號

綁定后可得到

  • · 粉絲專屬優惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復提醒
  • · 賬號支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請您關注公眾號
關注后,及時獲悉本課程動態

舉報

0/150
提交
取消
全部 精華 我要發布
全部 我要發布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?