第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

章節(jié)
問(wèn)答
課簽
筆記
評(píng)論
占位
占位

編程練習(xí)

小伙伴們,根據(jù)所學(xué)知識(shí),實(shí)現(xiàn)如下圖所示的簡(jiǎn)單兩列布局,整個(gè)頁(yè)面寬度為960px,背景顏色為#CFF。左側(cè)盒子寬度為740px,背景顏色為#C9F,右側(cè)盒子寬度為210px,背景顏色為#FCF。左側(cè)和右側(cè)盒子的高度均為300px。

效果圖:

溫馨提示:完成任務(wù)后,請(qǐng)驗(yàn)證是否與實(shí)踐描述效果一致,如一致,恭喜您,你已經(jīng)掌握此技能,否則,請(qǐng)重復(fù)學(xué)習(xí)此節(jié)內(nèi)容。

任務(wù)

一、在右側(cè)代碼的body標(biāo)簽中添加一個(gè)div,設(shè)置其class屬性為mainBox。

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

三、在右側(cè)代碼的</head>之前,分別定義類選擇器mainBox、leftBox、rightBox,并按照題目要求定義其CSS樣式。

提示:
  1.根據(jù)任務(wù)要求設(shè)置相關(guān)CSS樣式
  2. leftBox和rightBox需要嵌套在mainBox中

注意:leftBox和rightBox設(shè)置浮動(dòng)之后脫離了普通的文檔流,不再占用原來(lái)文檔中的位置,因此無(wú)法把父div撐開。

解決的方法:

①可以給父div也設(shè)置高度為300px,使頁(yè)面中的leftBox和rightBox看起來(lái)“好像”還在原來(lái)的位置;
②定義一個(gè)類選擇器,并設(shè)置clear:both;清除浮動(dòng),同時(shí)為了解決IE6中div有高度的問(wèn)題可以增加屬性height:0;overflow:hidden;
其他解決方法可以參照上面的評(píng)測(cè)題
?不會(huì)了怎么辦

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

||

提問(wèn)題

寫筆記

公開筆記
提交
||

請(qǐng)驗(yàn)證,完成請(qǐng)求

由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求

加群二維碼

打開微信掃碼自動(dòng)綁定

您還未綁定服務(wù)號(hào)

綁定后可得到

  • · 粉絲專屬優(yōu)惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問(wèn)題答復(fù)提醒
  • · 賬號(hào)支付安全提醒

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

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

邀請(qǐng)您關(guān)注公眾號(hào)
關(guān)注后,及時(shí)獲悉本課程動(dòng)態(tài)

舉報(bào)

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

手記推薦

更多

本次提問(wèn)將花費(fèi)2個(gè)積分

你的積分不足,無(wú)法發(fā)表

為什么扣積分?

本次提問(wèn)將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請(qǐng)點(diǎn)擊 "確定"

為什么扣積分?