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

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

網頁布局基礎

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

已采納回答 / stone310
div{background:XXX}

已采納回答 / 番茄花園
一般都不會設置高度。如果真的在外層設置了高度,不影響內層高度比他高,可以試試

已采納回答 / IndominusRex
以父包含元素是父元素就要用到position屬性,如果不用就是以html為基準的定位,明白這一點就好了

已采納回答 / 給我一杯咖啡
O(∩_∩)O哈哈哈~求采納,拜托了~

已采納回答 / 慕俠6962033
我想你指的是 網頁布局基礎>>2-7 網頁布局編程練習的第二個任務, 對吧?因為該樣式表中設置了*{margin:0; padding:0;},即所有元素的內外邊距都是0,所以每個元素默認的都會靠左上角排列。設置?#mainbody,#footer{ width:50%; margin:0 auto;}即可使中下部分居中。?

已采納回答 / 慕俠6962033
<...code...><...圖片...>拋磚引玉:以上圖中綠色為padding,黃色為margin。?可以看出,該代碼的margin只設置了左右,達到控制元素間距的目的;padding四個方向都設置了,將背景層撐大。但是,...

已采納回答 / 慕少7532173
<...code...>#wrap{width:970px; margin:0 auto;}#mainbody{width:100%; position:relative; margin-top:15px;}#left{float:left;width:110px; margin-right:13px; }#mid{overflow:hidden;width:650px; margin-right:17px;border:1px solid #999;}#right{ position:abs...

已采納回答 / 水秋玄
<...圖片...>如圖,left塊浮動后(浮起來了),main這個塊的紅色背景顏色是在left塊下面(浮動后不占用背景層的空間),但是文字卻是在left塊后面(也就是浮動后占用了內容層的空間),所以他是處于標準文檔流的。

已采納回答 / 慕少7532173
這是正?,F象,如果想讓right上去,可以刪除“主要內容”這些文字。如果想要保留“主要內容”,可是在mainbody中設置text-align:center。因為float最初本來就是設計實現文字環繞效果的,現在這種表現正是符合了文字環繞效果

已采納回答 / qq_小鯉魚_03131873
把“任務2?”這幾個字刪掉。還有其他的字再把下面div中天上left right ?mainbody等對應的、

已采納回答 / 慕少7532173
這里給樓主提供一種兩欄自適應布局,比老師講的position:absolute適用范圍大,沒有“絕對定位高度必須小于左側高度”這樣的限制。直接上圖<...圖片...>即:在需要自適應寬度的盒子(box2)添加屬性display:table-cell; width:2000px 即可。其中display是為了觸發BFC,width設置為一個足夠大的數值即可,為的是保證內容都能顯示出來,也可設置為9999px,哈哈。*設為了兼容而已。

已采納回答 / 六月ovo
居中的元素必須有寬度,而且不能使width:100%;?然后設置margin:0 auto; 即可實現居中。注意,使用了浮動和定位的元素不能實現居中。

已采納回答 / 慕UI0574845
#wrap{width: 770px;margin: 0 auto;background: burlywood;}.content{background: url(img/3.png) no-repeat;}background 添加圖片就好了 ?我用的HBuilder
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消