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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
講的真心不錯,good
老師講的真好!
關于#left、#mid、#right里的width屬性值的解答:
(1px(邊框) + #left的110px + 1px(邊框) + left與mid間隔13px + 1px(邊框) + #mid的650px + 1px(邊框) + mid與right間隔13px = 790px)
因為#right使用絕對定位,且是根據父包裹層#wrap來進行絕對定位的,所以就需要設置margin-left:790px)
*{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;margin-left:13px; width:650px; border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
給各位總結下清除浮動的4種辦法:
1.給父標簽設置高度(缺點:無法自適應)
2.以題為例。main中的子元素浮動給子元素添加兄弟標簽(同級DIV塊)并設置樣式clear:both(缺點:頁面出現無意義標簽)
3.父元素設置width:100% overflow:hidden
4.第四種方法應用CSS3特性:after 在父級元素添加
.main:after{
content:"";
display:block;
clear:both
}
我覺得不是因為免費的就不能吐槽啊 街口免費給小吃 有些不好吃還不能告訴其他人 這里面那些不好吃了嗎?
講的挺好的 口音我也覺得挺萌 就是auto讀out to是真的難受
其實好像是794,left 和mid的border都有1px,兩個都有左右兩條1px,所有最后要加4
#wrap{width:800px; height:970px;}
#mainbody{ margin-top:15px; text-align:center;}
#left{ float:left;width:110px; margin-right:6px;}
#mid{ float:left;width:650px;left:120px;margin-left:7px;}
#right{width:177px;position:absolute;display:inline-block;margin-left:8px;}
雖然老師錄視頻很辛苦,但是真的是講的一坨錯誤,就這樣怎么能達到育人子弟的效果呢,完完全全是誤導菜鳥,此課程建議慕課網刪除
程序猿界出現母猿的聲音總是引得各位學員騷動不已

最新回答 / qq__8166
簡單 代碼優化

最新回答 / 慕桂英8427101
首先左右兩個浮動是會踢出正常的內容流的,就相當于漂浮起來了 但是文字還是會環繞這個浮動的邊框的 所以這個頁腳就會上移但是overflow:hidden 就是把超出 這個mainbody當前規定范圍內的元素全部裁減掉 但是mainbody沒有規定寬和高 所以默認會把兩個浮動也算到內容里面去 這樣就等于變相的把浮動效果壓下來了 所以這個頁面會按照正常的流在下面顯示
#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:792px;border:1px solid #999;}
老師的PPT做的很好哈哈哈,好理解,一直在這個平臺學習,好像是第一次發評論,感謝互聯網感謝這個平臺提供的學習資源,老師很辛苦,后臺人員應該也很辛苦,給你們還有給到這個平臺堅持學習包括自己一個贊。
哈哈哈哈哈哈哈。今天好高興。我表白了
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消