亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
就沒人覺得這樣做的特別難受嗎?
絕對定位的元素在相對定位的元素里面
固定寬度列的高度>自適應寬度的列,否則會造成文檔的溢出

最新回答 / 粵川_shu
<style type="text/css">*{margin:0; padding:0;}#wrap{width:970px; margin:0 auto;}#mainbody{position:relative; margin-top:15px;}#left{float:left;width:110px;border:1px solid #999; }#mid{float:left;width:650px;border:1px solid #999;margin-left:13px;}#r...

已采納回答 / 朱歡
div為塊級元素要獨占一行,然后設置了float屬性,對緊跟其后的標簽有影響,要使用clear:both;消除
body 波第 哈哈

最新回答 / erasec
【任務1】position:relative; 你第三行代碼 有中文沒刪除。刪除就可以了
#content {position:absolute;margin-left:200px;top:0;}
#mainbody {
width:100%;
position:relative;
margin-top:20px;
}
很好?。?!
從第一層到第五層依次為:border、content+padding、background-image、background-color、margin。
講得真好~
110+13+650+17 = 790px
這個代碼寫的真是 晃眼
正確答案之一
#wrap{width:970px;margin:0 auto;}
#mainbody{width:100%;position:relative;margin-top:15px;}
#left{float:left;width:110px;margin-right:13px;border:1px solid #999;}
#mid{overflow:hidden;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;top:0px;border:1px solid #999;}
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消