已采納回答 / 慕俠6962033
我想你指的是 網(wǎng)頁布局基礎(chǔ)>>2-7 網(wǎng)頁布局編程練習(xí)的第二個(gè)任務(wù), 對(duì)吧?因?yàn)樵摌邮奖碇性O(shè)置了*{margin:0; padding:0;},即所有元素的內(nèi)外邊距都是0,所以每個(gè)元素默認(rèn)的都會(huì)靠左上角排列。設(shè)置?#mainbody,#footer{ width:50%; margin:0 auto;}即可使中下部分居中。?
2016-10-30
已采納回答 / 慕俠6962033
<...code...><...圖片...>拋磚引玉:以上圖中綠色為padding,黃色為margin。?可以看出,該代碼的margin只設(shè)置了左右,達(dá)到控制元素間距的目的;padding四個(gè)方向都設(shè)置了,將背景層撐大。但是,...
2016-10-28
已采納回答 / 慕少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...
2016-10-25
已采納回答 / 水秋玄
<...圖片...>如圖,left塊浮動(dòng)后(浮起來了),main這個(gè)塊的紅色背景顏色是在left塊下面(浮動(dòng)后不占用背景層的空間),但是文字卻是在left塊后面(也就是浮動(dòng)后占用了內(nèi)容層的空間),所以他是處于標(biāo)準(zhǔn)文檔流的。
2016-10-24
已采納回答 / 慕少7532173
這是正?,F(xiàn)象,如果想讓right上去,可以刪除“主要內(nèi)容”這些文字。如果想要保留“主要內(nèi)容”,可是在mainbody中設(shè)置text-align:center。因?yàn)閒loat最初本來就是設(shè)計(jì)實(shí)現(xiàn)文字環(huán)繞效果的,現(xiàn)在這種表現(xiàn)正是符合了文字環(huán)繞效果
2016-10-23
已采納回答 / qq_小鯉魚_03131873
把“任務(wù)2?”這幾個(gè)字刪掉。還有其他的字再把下面div中天上left right ?mainbody等對(duì)應(yīng)的、
2016-10-21
已采納回答 / 慕少7532173
這里給樓主提供一種兩欄自適應(yīng)布局,比老師講的position:absolute適用范圍大,沒有“絕對(duì)定位高度必須小于左側(cè)高度”這樣的限制。直接上圖<...圖片...>即:在需要自適應(yīng)寬度的盒子(box2)添加屬性display:table-cell; width:2000px 即可。其中display是為了觸發(fā)BFC,width設(shè)置為一個(gè)足夠大的數(shù)值即可,為的是保證內(nèi)容都能顯示出來,也可設(shè)置為9999px,哈哈。*設(shè)為了兼容而已。
2016-10-21
已采納回答 / 六月ovo
居中的元素必須有寬度,而且不能使width:100%;?然后設(shè)置margin:0 auto; 即可實(shí)現(xiàn)居中。注意,使用了浮動(dòng)和定位的元素不能實(shí)現(xiàn)居中。
2016-10-20
已采納回答 / 慕UI0574845
#wrap{width: 770px;margin: 0 auto;background: burlywood;}.content{background: url(img/3.png) no-repeat;}background 添加圖片就好了 ?我用的HBuilder
2016-10-20