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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰

最新回答 / 慕桂英8427101
首先左右兩個浮動是會踢出正常的內容流的,就相當于漂浮起來了 但是文字還是會環繞這個浮動的邊框的 所以這個頁腳就會上移但是overflow:hidden 就是把超出 這個mainbody當前規定范圍內的元素全部裁減掉 但是mainbody沒有規定寬和高 所以默認會把兩個浮動也算到內容里面去 這樣就等于變相的把浮動效果壓下來了 所以這個頁面會按照正常的流在下面顯示

最新回答 / 某星座的海星
float的元素脫離了文檔流,但是沒有脫離文本流,字體是認同浮動元素所占據的區域的。
作者:weibo_哆啦A夢有大口袋_0鏈接:http://www.xianlaiwan.cn/article/8915來源:慕課網第一個元素浮動之后,會讓它脫離文檔流,也就是說當它后面還有元素時,其他元素會無視它所占據了的區域,直接在它下面布局。所以第二個元素作為塊級元素獨占了一行,在它下面布局了。而上一節課是文字,文字會認同浮動元素所占據的區域,圍繞它布局,也就是沒有脫離文本流。

最新回答 / 夕叩
你的footer和header設置的寬度是100% 他的寬度取決于內部標簽的寬度<div id="header"></div><div id="footer"></div> 而內部沒有標簽 所以寬度為0 因此你才會看不到結果

最新回答 / 慕田峪6356308
我用的是sublime,簡潔方便

最新回答 / 慕粉3626166
按照老師的意思來看的話,橫向兩列布局左邊和右邊的元素分別設置左浮動和右浮動是有必要的。這樣設置比都設置左浮動要有意義的多。

最贊回答 / 慕圣4428291
可以啊,你在#mid里面用margin-left也行,不過相比在#left里面設置margin-left計算量復雜了一點,容易失誤而已。另外#right里面的margin-left等于790px的計算為:left的寬(109px)+與Mid之間的marigin-left的距離(13px)+mid的左右border寬度(2*1px)+mid的寬(649px)+距離mid的距離(17px)=790px

最新回答 / 左右手年華
#mainbody{position:relative;margin-top:20px;}這里錯了,應該這樣#mainbody { ? ? width:100%; ? ? position:relative; ? ? margin-top:20px;}

最新回答 / qq_谷子菜fw_0
這樣寫主要是為了表述更嚴謹些,雖然很多人都會寫成margin: 0 auto;但保不齊有人會寫成其他的

最新回答 / 呦呦慕粉
代碼里也沒有,視頻講解時說,那個圖片需要設置700px才能去掉右上角那個瑕疵,但是如果設置了700px后這個模塊與其他模塊寬度不一樣,所以為了不讓我們疑惑直接去掉了圖片。

+ 我來回答 回答最高可+2積分

最新回答 / 游離態L
什么時候需要清除浮動?我們對元素進行了浮動(float)時,我們的元素就會脫離文檔流,像一只小船一樣漂流在文檔之上。在 CSS 中,任何元素都可以浮動。浮動元素會生成一個塊級框,而不論它本身是何種元素。?float主要流行與頁面布局,然后沒有使用后沒有清除浮動,就會后患無窮。不應該對受到影響的p標簽設置clear:both

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

最贊回答 / 我不是管家
如果覺得上述同學的答案不好的話,可以嘗試一下background:url('你的圖片地址') no-repeat left top;background:你想要背景圖片的寬 你想要背景圖片的高;
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消