課程
/前端開發
/HTML/CSS
/網頁布局基礎
這題目可以用foat實現嗎?
2015-12-09
源自:網頁布局基礎 4-6
正在回答
#wrap {?? ?width:780px;?? ?margin:0 auto;?? ?padding:0 10px 10px;?? ?border-left:1px solid #e7e7e7;?? ?border-right:1px solid #e7e7e7;}
#mainbody {?? ????? width:100%;<!--780px-->???????? overflow:hidden;?? ????? margin-top:20px;}
#sidebar {?? ?width:180px;?? ?padding-bottom:10px;??? float:left;}
#content {width:580px;
float:right;
}
像這樣
可以用float實現,一個向左浮動,一個向右浮動。但是要注意兩塊加在一起的寬度一定要小于或者等于content的寬度,
可以的 注意坍塌照成的影響
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-12-17
#wrap {
?? ?width:780px;
?? ?margin:0 auto;
?? ?padding:0 10px 10px;
?? ?border-left:1px solid #e7e7e7;
?? ?border-right:1px solid #e7e7e7;
}
#mainbody {
?? ????? width:100%;<!--780px-->
???????? overflow:hidden;
?? ????? margin-top:20px;
}
#sidebar {
?? ?width:180px;
?? ?padding-bottom:10px;
??? float:left;
}
#content {
width:580px;
float:right;
}
像這樣
2015-12-09
可以用float實現,一個向左浮動,一個向右浮動。但是要注意兩塊加在一起的寬度一定要小于或者等于content的寬度,
2015-12-09
可以的 注意坍塌照成的影響