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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
老師有一個地方說的不對,當設置浮動后,文檔應該是脫離了文檔流,而不是老師所說的仍保持在文檔流中?。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。?/div>
自動居中一列布局需要設置 margin 左右值設置為 auto ,上下值可以隨意定,而且一定要設置width為一個定值。非100%
為元素設置clear:both; or clear:left; or clear:right
設置width:100%(或固定寬度) +overflow:hidden;
看清楚這里說的是靜態定位。。。如果絕對定位就可以參照基準偏移!
實現塊狀元素橫向布局方法
#mainbody {

width:100%;

position:relative;

margin-top:20px;

}

#content {

position:absolute;

top:0px;

left:200px;

margin-left:20px;

}
top left 是絕對定位偏移量。margin-left是外邊距
*{margin:0; padding:0;}
#wrap{width:970px; position:absolute;top:0;margin:0 auto;}
#mainbody{position:absolute; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:right;margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
靜態定位static是position屬性的默認值,它表示塊保留在原本應該在的位置,不會重新定位(也就是父元素沒有定位)
凡是說老師不好好講課的,我就理解為你是個人出事了。因為首先課程免費的,不收費的課程你還吐槽,說明你也是閑的無聊了。其次老師授課是免費的,小學中學大學里的老師是收費的,尤其是大學,合計每節課都是要百元計費的,所以這你還吐槽,你也是夠噴的。再者說,老師講的是程序,你看不懂還有手冊可以查,這么簡單的實現過程,還有重點標記的漢字出現,我不覺得這跟普通話標不標準有什么關系。你操著一口流利的當地普通話,在這強調老師的普通話不標準,都能聽懂,唯獨你聽不懂,著實是人才中的人才
請不要糾結老師講的對不對了。這是技術課,不是語文課,只要能達到效果,隨便怎么樣都無所謂。

已采納回答 / qq_微微_4
#mid{ width:650px;border:1px solid #999;position:absolute;margin-left:123px;}首先#mid應該上面寫法,應該設置絕對定位absolute,所以13px間距,應該是#left的寬度110px+13=123px,應該設置margin-left:123px;被擠到下面是因為他是絕對定位。
感覺這個講的不行,沒男老師講的好
老師講的不對哦。。。。。。float是元素上浮,后面的元素頂上去了,但其內容不會被覆蓋而以。
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消