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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
嗯 這個問題問的非常好 我一口;老血(咖啡)噴出來。。。
CSS 規定的定位機制有三種,分別是標準文檔流、浮動及絕對定位。
#wrap{width:970px;margin:0 auto; }
#mainbody{width:100%;position:relative; margin-top:15px;}
#left{float:left;width:110px;}
#mid{margin-left:123px; width:650px;border:1px solid #999;}
#right{position:absolute;width:200px;margin-left:790px;top:0px;border:1px solid #999;}
這個真的說的挺好的。學習前端知識和在學校學習計算機最大的不同就是難以系統學習,前端的東西瑣碎,分為三個部分又互相聯系,初學者學完三劍客仍然懵懵懂懂得不會開發網頁的,我想大有人在。W3school的教程我覺得應該作參考書來用,在這個基礎上輔以大量的應用課程,自己再動手實踐,效果應該挺好的。
為什么答案是C?fixed定位不是絕對定位的子類嗎?布局不應該是flow,float,layer三種嗎?
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
”當存在祖先元素的時候,以最近的定位祖先元素為參照基準“,這句話沒錯嗎,不是以最外層的為基準嗎
#mainbody { background:#FC0;
width:100%;
overflow:hidden;
color:#fff;
text-align:center;
line-height:300px;
}
.left {
width:800px;
height:200px;
background:#000;
float:left;
line-height:200px;}
.right {
width:140px;
height:500px;
background:#690;
float:right;
line-height:500px;
}
我覺得這個可以用table來實現吧
元素A浮動,是相當于其在原文檔流中的位置浮起來,元素A后面的元素上移,與元素A前面的元素組成新的文檔流。

糾正:4:55秒,box1左浮動,box2不浮動,此時box2是獨占一行的,視頻中只是因為box1和box2高度一樣,所以看不出來。同學們一定要自己動手多試驗。

5:40秒,談下自己試驗的結果。如果BOX1的高度比較大,最后一段文字會從BOX1的右邊框位置開始,如果最后一段<p>元素有底色的話,可以看出來,BOX1是浮在<p>元素上面的。所以我認為,應該是不影響文檔流元素的排序,會影響到元素內容的展示。

最新回答 / 開黑小分隊
是不是沒有全屏展開。。。。?;蛘遖uto后面加分號

最贊回答 / 我不是管家
如果覺得上述同學的答案不好的話,可以嘗試一下background:url('你的圖片地址') no-repeat left top;background:你想要背景圖片的寬 你想要背景圖片的高;

最新回答 / 一層一塵
你沒看見祖先元素里有個子元素嗎?? <div id="mainbody">/* 祖先元素?*/? ? <div id="sidebar">/* 子元素 */? ? ? <dl>? ? ? ? <dt>CSS 基礎教程</dt>? ? ? ? <dd class="current"><a href="#">CSS 簡介</a></dd>? ? ? ? <dd><a href="#"&...
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消