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

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

網頁布局基礎

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

已采納回答 / shaoliang
clear就是防止footer受浮動影響的。為什么要去掉呢?

已采納回答 / 掌仙人
他改了 content 盒子的寬度,開始設置的是770px (注意這是實際內容的寬度) ,實際上由于內邊距的原因,所以content盒子的實際寬度為:padding (左右)+內容寬度(即設置的width)+border寬度(左右);很明顯,他的背景圖寬度為770,和設置的width為770,但是世界的content盒子寬度超過了背景圖片的寬度,所以有豎線。最后老師將設置的width改小,使得content盒子實際寬度之和為770,同背景相同就沒有了豎條

已采納回答 / SAVEKAI0
#mainbody{ margin-top:15px;position: relative;}#right{border:1px solid #999;position: absolute;margin-left: 792px;}不設置寬度就能自適應。

已采納回答 / 金祥
每個瀏覽器對編寫的html文件,都有不同默認的樣式。所以要清除默認樣式。每個瀏覽器的顯示效果,會存在較大或者細微的差別,這與瀏覽器、瀏覽器的兼容性等是相關的。

已采納回答 / Justtao
這跟老師出題的要求有關:1,left和mid 這兩個div 使用float-left后,位置固定;2,right 這個div使用相對位置和絕對位置,right的寬度可以隨著wrap(mainbody)的寬度自適應橫向排版變化;假如right這里采用float-left,那么需要先給right設置一個寬度,這樣的話right的寬度就不在隨wrap變化,也就不是所謂的自適應了。

已采納回答 / 繁星鳶尾
content是以父親為偏移標準的,我的理解是sider-bar和content的margin-left都是以mainbody的左邊界為參考標準的;至于margin-left是外邊距,并不是單純地盒子與盒子之間的距離。

已采納回答 / 夏日離歌
right:0是以設定的relative的右側為基準,不做移動,所以不起作用吧

已采納回答 / 下雨看世界
所有標簽的選擇器,一般用于頁面的初始化設置.

已采納回答 / 唯森669
因為前面的原圖里就是有個背景色,作者醬紫做是為了還原圖片,當然你也可以改成紅黃藍等,這樣你更容易理解,不過還原度就談不上了哈

已采納回答 / 溪水一流
這個只是設置了left的浮動,沒有設置right部分的浮動,所以綠色部分是不受影響的

已采納回答 / alwynxu
overflow是浮動屬性,當設置為hidden時,表示對該浮動特性進行隱藏,這個一般設置在包含浮動標簽的父元素屬性里,以此來消除對外界的影響

已采納回答 / yuchisu
如果.right向右浮動,width:100%,要實現自適應,擴展margin-left沒有效果,left會覆蓋right的內容。都設置float:left,right擴展margin-left即可顯示全部內容

已采納回答 / yang3760
可以是0px,加xp就不對了
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消