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

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

網頁布局基礎

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

已采納回答 / Java追隨者
并不一定對,因為有的元素是獨占一行的,float之后會重疊在一起

已采納回答 / Crazy丶魂
你如果不定義width,它會自動把寬度填充滿

已采納回答 / 唐龍
沒有看明白你寫的是什么意思。如果你說的是#right中的文字為什么會自動換行,只要給這個right定義個width就可以了

已采納回答 / 北極阿熊
當值為0的時候,不需要寫px,寫上反而畫蛇添足了

已采納回答 / 凱百萬
background:url(../xxx.png) no-repeat x軸 y軸;假如這里x軸和y軸你都沒有指定,那么背景將默認以div左上角為起點進行渲染。即使你加上padding,左上角仍然不變,所以使用padding也沒用。當你使用margin時,圖片起始的位置還是沒有改變。要想改變背景圖的位置就要設置x軸和y軸的位置,可以使用英文left、center、top、bottom、right表示方向的單詞,也可以使用具體的xx像素。

已采納回答 / 喻木同學
額,這個問題沒考慮過不過,就好比鋪地板磚,屋地的面積是一定了,不能因為地板磚的大小而改變屋地的大小吧,這是一個很實際的問題

已采納回答 / 翼風Fly
想保持較好效果請使用Dreamweaver CC 2014以上版本,舊版的預覽并非是chromium的渲染引擎,效果稀爛,頂多用來輔助定位。如果用的是舊版Dw,請用Chrome、Firefox、IE8(建議更高)這樣的瀏覽器調教:打開瀏覽器預覽后,按一下F12,進入開發人員工具即可。

已采納回答 / 凱百萬
因為那個背景是緊跟著圖片的,如果這部分不用book包裹起來就沒有了"重用性",布局時不僅要考慮當前網頁的內容,還要考慮整個網站其他頁面的內容,假如別的地方也有這樣的布局,就可以直接將book復制過去了。加不加包裹層,寫多了就會根據實際需要進行判斷了

已采納回答 / 凱百萬
將a標簽變成塊狀元素,這樣下面的padding-bottom才能起到作用,如果不寫,可以將padding-bottom加到li標簽上,效果相同

已采納回答 / purple_yao
課程中的案例mainbody中的兩個子元素設置浮動以后,父元素mainbody的高度就失效了,可以從下面圖可以看出來:<...圖片...>有沒有看出來mainbody的背景色不見了,因為是它的高度失效了變成了一條線(這位講師所講),有的地方也管這種現象叫做“高度塌陷”。解決方法之一就是,給父元素mainbody清除浮動。

已采納回答 / 左岸梧桐
是的,脫離了文檔流。所以會導致父元素塌陷。

最贊回答 / 虞矀人
其實#mainbody和#footer沒必要設置width:100%,因為塊級元素的特性就是不設置寬度自動拓展到父元素或者是容器的寬度,任務二不填也可以達到同樣的效果,并且減小了代碼量

已采納回答 / 鬧小志
根據你的代碼,我找到的問題:你的思路是對的,三個div都設置成浮動是可以實現效果的。問題一:你在類名為right的div上做了清除浮動的操作,也就是,你限制了類名為right的div的左邊是不能存在浮動元素的,導致了這個div的串行,也就是到了下一行!問題二:你沒有給類名為right的div設置寬度,這樣它的寬度是隨著內容撐大的。在你的代碼中,p標簽的長度撐大了div,導致發生串行。解決辦法:把clear:left去掉,還有給類名為right的div設置寬度。個人理解,希望對你有幫助~~
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消