課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
http://www.xianlaiwan.cn/code/1409
這個實例中要求右側（right）先加載，左側（left）后加載
這是如何實現的？
2016-11-26
源自：如何用CSS進行網頁布局 5-3
正在回答
在html里面先寫right ?再寫 left就行了啊??
運用浮動的方法：
例如：加載先右后左兩個框，高度和寬度都為400px，我們就可以寫如下的代碼：
<style>
div{margin:0 padding: 0}
.left{width:400px;height:400px;float:left;color:#ccc;}
.right{width:400px;height:400px;float:right;color:#fff;}
</style>
<body>
????<div class="right">right</div>
????<div class="left">left</div>
</body>
就可以了，中間的過程省略了一點，你應該清楚的，加油！?。?br />
舉報
用最簡潔的案例教你布局的那些知識，這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-11-26
在html里面先寫right ?再寫 left就行了啊??
2016-11-26
運用浮動的方法：
例如：加載先右后左兩個框，高度和寬度都為400px，我們就可以寫如下的代碼：
<style>
div{margin:0 padding: 0}
.left{width:400px;height:400px;float:left;color:#ccc;}
.right{width:400px;height:400px;float:right;color:#fff;}
</style>
<body>
????<div class="right">right</div>
????<div class="left">left</div>
</body>
就可以了，中間的過程省略了一點，你應該清楚的，加油！?。?br />