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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
感謝和批評啥的我就不說了,視頻有錯誤慕課網應該怎么做?A:視頻后期標注 B:要求講師重錄 C:刪除課程 D:放任不管
dwcc2017+chrome/1E11,p標簽默認就是另起一行,好苦惱
有一處錯誤:當絕對定位元素沒有祖先定位元素時,其包含塊為初始包含塊,而非html元素,初始包含塊是視窗大小的矩形。
#wrap{width:970;margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left;width:110px;}
#mid{margin-left:123px;width:650px;......}
#right{position:absolute;margin-left:790px;top:0;width:180px;....}
老師胡建人吧,這發音,醉了
什么叫排除萬難,一個margin不就搞定嗎
w我是如此聰明!!!!
糾正一下:浮動元素不止影響緊鄰其后的元素,只要其后元素的行框與該浮動元素有交集,行框就會被縮短,從而受到影響
#mainbody {

width:100%;

position:relative;

margin-top:20px;

}

#content {

position:absolute;

top:0;

left:200px;



}

誰能告訴我哪錯了?
熊同學 你的left 需要修改為 margin-left:200px;
關于float的心得體會:
float會使元素脫離標準文檔流,從而漂浮在空中。當mainbody里兩個box都浮動了,mainbody里等于沒有東西了,就會縮成一條線抵著header,從而視覺上看起來消失了。而footer處在標準文檔流中自然就會頂上來。但是footer的內容仍然會圍繞浮動的box顯示。
我能單獨做出這個網頁,能入門了嗎
浮動效果實現有兩種方法:一種采用絕對定位的方法:position:absolute;
第二種采用float屬性的方法進行浮動(兩列效果的常用),即float:left;
#left{/*float:left;*/position:absolute;width:110px;}
#mid{/*float:left;*/position:absolute;margin-left:123px;width:650px;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
有人有優越感?
正確答案:

#mainbody{position:relative;;margin-top:15px;}
#left{float:left; margin-right:13px; width:110px; border:1px solid #999;}
#mid{float:left; margin-right:17px;width:650px;border:1px solid #999;}
#right{position:absolute;right:0px; margin-left:794px; border:1px solid #999;}
個人覺得還是可以的把
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消