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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
#mainbody{position:relative; margin-top:15px;overflow:hidden;}
#left{width:110px;float:left;border:1px solid #999;}
#mid{width:650px;border:1px solid #999;float:left;margin-left:13px;}
#right{border:1px solid #999;position:absolute;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 #000;}
#mid{width:650px;border:1px solid #999;float:left;margin-left:13px;}
#right{position:absolute;top:0;left:790px;
border:1px solid #999;}
792=123+1+650+1+17(多加的2就是中間的邊框寬度border:1px *2)
123是沒有算上中間邊框左邊寬度的,17也沒有中間邊框右邊寬度的。

最新回答 / 慕仰5320736
我明白了? 顯示是一樣的margin-left:200px 的話? 盒子外邊距為200px? 剛好有空間填充在左邊? sider 的右邊那。而如果是left:200px的話,就是坐標位移的結果。所以概念不一樣,在本次實驗中實現的效果是一樣的。而我之前說的top當我沒說 哈哈
PPT做的不錯,哈哈

最新回答 / 慕粉3126019
原來是因為position后面的字符寫成中文的了。
面面俱到 我還會回來再看一遍的
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left; width:110px; }
#mid{float:left;width:650px;border:1px solid #999;margin-left:13px;}
#right{position:absolute;left:775px;border:1px solid #999;margin-left:17px;}
marigin:0 auto,此時不能再設定絕對定位或浮動屬性
清除浮動的三種方法,第一種直接加clear:both或者clear:left或者clear:right
第二種設置字體寬度為100%,如p{width:100% overflow;hidden }
我就想問老師是怎樣把f12漢化的,求解
評論區一次不能超過300個字真讓人捉急...... ///—_—//
#wrap{width:970px; margin:0 auto;}
#mainbody{margin-top:15px; width:100%; overflow:hidden; position:relative;}
#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;}
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消