課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
在代碼中哪里提現出來了任務3和4??
2016-03-17
源自:如何用CSS進行網頁布局 5-3
正在回答
就把righe 標簽 寫在前面呀 ~ 他本來的代碼 就是把 right 寫在前面的! 你只需要絕對定位 left ?,然后right 用margin-left:210px;就好了
cp0417 提問者
<style?type="text/css"> body{?margin:0;?padding:0;?font-size:30px;?color:#fff} .top{?height:50px;background:#222;} .main{?} .left{?width:100px;height:50px;background:#333;position:absolute;top:50px;} .right{height:50px;margin:0?0?0?100px;background:#444;} .foot{height:50px;background:#555;} </style> </head> <body> <div?class="top">top</div> <div?class="main"> ????<div?class="right">right</div> ????<div?class="left">left</div> </div> <div?class="foot">foot</div> </body>
完美
中間不是有紅色背景(main)嗎?,用margin-left后那不是被擋住了嗎?
酒吧 righe 寫在 前面呀 ~ 他本來的代碼 就是把 right 寫在前面的! 你只需要 據對定位 left ?然后right 用margin-left:210px;就好了
這一篇提到了ie6 對clear:both的問題:clear:both在(FF/IE8)和(IE6/IE7)下有差異
菜鳥個人見解:
先加載后加載應該指的是文檔流和絕對定位元素的區別。
兼容ie6應該指的是clear:both一類的清除浮動的方法在ie6中并不兼容?
將浮動父元素指定高度應該可以兼容ie6吧,我也不太清楚。
推薦有關于浮動的文章:[轉]那些年我們一起清除過的浮動
舉報
用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-03-21
就把righe 標簽 寫在前面呀 ~ 他本來的代碼 就是把 right 寫在前面的! 你只需要絕對定位 left ?,然后right 用margin-left:210px;就好了
2018-01-11
2017-03-20
中間不是有紅色背景(main)嗎?,用margin-left后那不是被擋住了嗎?
2016-03-21
酒吧 righe 寫在 前面呀 ~ 他本來的代碼 就是把 right 寫在前面的! 你只需要 據對定位 left ?然后right 用margin-left:210px;就好了
2016-03-17
這一篇提到了ie6 對clear:both的問題:clear:both在(FF/IE8)和(IE6/IE7)下有差異
2016-03-17
菜鳥個人見解:
先加載后加載應該指的是文檔流和絕對定位元素的區別。
兼容ie6應該指的是clear:both一類的清除浮動的方法在ie6中并不兼容?
將浮動父元素指定高度應該可以兼容ie6吧,我也不太清楚。
推薦有關于浮動的文章:[轉]那些年我們一起清除過的浮動