課程
/前端開發
/HTML/CSS
/網頁布局基礎
糊涂了 我知道視頻9分時 right層沒有上來不是因為寬度不夠 但我記得哪節課說過 當一個塊被設置了浮動 是會影響到緊跟在后面的一個塊的 為什么這里的right塊沒有被影響 浮到left這一排來?
2016-11-26
源自:網頁布局基礎 3-3
正在回答
<!doctype?html>? <html>? <head>? <meta?charset="utf-8">?? <title></title>? <style?type="text/css"> #left{width:800px;?height:200px;?background:#999;?float:;} #right{width:120px;?height:600px;?background:#CCF;} </style> </head>? <body> <div?id="wrap"> ????<div?id="header">header</div> ????????<div?id="mainbody"> <div?id="left">left</div> ????????????<div?id="right">right</div> ????????</div> ?????<div?id="footer">footer</div> ????</div> </body>? </html>
已經浮動到左邊了,上面的是沒寫浮動時,浮動后,right被left覆蓋了一部分
Niklaus13 提問者
#left{width:800px; height:200px; background:#999; float:left;}
#right{width:120px; height:600px; background:#CCF;}
<div id="wrap">
? ? <div id="header">header</div>
? ? ? ? <div id="mainbody">
? ? ? ? <div id="left"></div>
? ? ? ? ? ? <div id="right"></div>
? ? ? ? </div>
? ? ? ? <div id="footer">footer</div>
? ? </div>
就是網頁布局基礎3-3視頻里 九分鐘的時候
老師給left設置了float:left之后 為什么#right沒有被left的浮動影響浮上來
說清楚,貼代碼,好嗎?
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-11-29
已經浮動到左邊了,上面的是沒寫浮動時,浮動后,right被left覆蓋了一部分
2016-11-27
#left{width:800px; height:200px; background:#999; float:left;}
#right{width:120px; height:600px; background:#CCF;}
<div id="wrap">
? ? <div id="header">header</div>
? ? ? ? <div id="mainbody">
? ? ? ? <div id="left"></div>
? ? ? ? ? ? <div id="right"></div>
? ? ? ? </div>
? ? ? ? <div id="footer">footer</div>
? ? </div>
就是網頁布局基礎3-3視頻里 九分鐘的時候
老師給left設置了float:left之后 為什么#right沒有被left的浮動影響浮上來
2016-11-26
說清楚,貼代碼,好嗎?