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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
誰給一下答案?任務二,任務三的答案?
表示金牛座的也按了暫停,怎么辦~~~

已采納回答 / 橙子哥哥
1、DW中顯示的并非瀏覽器最終效果,需要在瀏覽器中預覽;2、可以用CSS來控制:“width:100%”

已采納回答 / fwn
那是為了方便看圖片加上去的,代碼里面沒有。如果想顯示Left,Right等,你可以在div里面寫,css中加樣式就可以像圖片那樣顯示。
*{margin:0; padding:0;}
#wrap{width:970px; margin: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;border:1px solid #999;left:792px;}
*{margin:0; padding:0;}
#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;left:773px;margin-left:13px;border:1px solid #999;}
#wrap{width:970px; margin:0px auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999; }
#mid{float:left;margin:0px 13px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0;left:790px;border:1px solid #999;}
#mainbody { width:100%; position:relative; margin-top:20px; }
#content { top:0px; margin-left:200px; }
出不來效果 求大神指導 看看哪里不對

已采納回答 / Mary大狗狗
沒有設置偏移量是不會移到上面去的,#mainbody { ? ? width:100%; ? ? position:relative; ? ? margin-top:20px; }?#content { position:absolute; top:0px; left:200px;}或者#mainbody { ? ? width:100%; ? ? position:relative; ? ? margin-top:20px; }?#content { position:absolute; top:0px...
第三個任務:#content與#sidebar之間的間距為20px遠遠不夠,應該在190px-210px之間!
我也覺得很多地方講得不清楚
老師思路很清晰~
這里對初學者的確有誤導感覺,講師都沒講清楚為什么要清除浮動,浮動是怎么造成的,不清除浮動造成了哪些結果。而且對清除浮動的幾種方法,<br/>不算一個方法吧?僅僅只是效果上看起來等價了而已吧?
ps:對于那些不讓吐槽老師專業知識的,我就想說,免費的東西我就一定要說他是好的么?如果他有錯了,我還要恭維他是對的?這不就是道德綁架么?就因為你免費所以我還得供著你咯?這和要不要給老人讓座不是一個道理么(就因為你是老人所以我一定要給你讓座了?)?雖然我大部分時候還是讓座的,但是對于那些很橫的老人我就是不讓。
我也覺得這個問題問得非常好
只設置box1浮動,box2不浮動的時候,box2 還是獨占一行,但是box1 是“浮在”box2上面的然后看 是 左浮動 還是右浮動。后面的3列的時候 中間的P 標簽也一樣,也是獨占一行的。
這里講師應該要講下float的前世今生(另外一個視頻里看來的):(我概括的)float原來僅僅是用來達到文字環繞的效果的。所以這里的結果是:如果p標簽里很多文字的時候(超過box1 box2高度)這些文字是會環繞著box1, box2的。大家可以自己試試的。
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消