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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
*{margin:0; padding:0;}
#wrap{width:970px;height:100%; }
#mainbody{position:relative; margin-top:15px;}
#left{position:absolute; width:110px; }
#mid{position:absolute;top:0;margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}

最新回答 / echo_kinchao
因為他要產生的是外邊距的效果 ?雖然效果一樣 但是某些方面想表現的就不同了 ?就好比Border-top ?就會在不同的位置

已采納回答 / echo_kinchao
誰跟你說 浮動就是把塊元素變成了行內塊的.......拉出去暴打。。。。浮動會讓父元素坍塌 ?了解下 浮動設立的始源就知道為什么了
沒有背景圖,這是個BUG啊
#wrap{width:970px; 【任務1margin:0 aotu;}
#mainbody{【任務3 margin-top:15px;}
#left{【任務2】width:110px; float:left;}
#mid{【任務2】width:650px;border:1px solid #999;overflow:hidden;float:left;position:relative;margin-left:13px;}
#right{【任務3】border:1px solid #999;position:absolute;margin-left:800px;width:200px;}
不是處女座,是強迫癥啊摔!
.left {
width:800px;
height:200px;
background:#000;
float:left;
overflow:hidden;
【任務2】?;
}
.right {
width:140px;
height:500px;
background:#690;
float:right;
overflow:hidden;
【任務3】?;
}
#footer {
background:#639;
width:100%;
overflow:hidden;
}

最新回答 / 難得糊涂01234567891011
#mainboday{ position: relative}#content{ position: absolution ; top:0; margin-left:200px;}
聽老師聲音感覺一半的注意力都沒了
喜歡,講的真好
.mainbody不能用clear:both清除浮動,只能用overflow:hidden,因為是父元素。

最新回答 / 慕課君
三角形哦,你可以用背景圖代替。如果可以html里有規則說可以用三角形的那個屬性,那你就去查三角形的英文單詞,就像空心圓屬性時circle一樣,使用方法是一樣一樣滴。

已采納回答 / 六月時光
用img標簽,圖片要和網頁放在同一個文件夾里面,用相對位置就行
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消