已采納回答 / 慕俠6962033
我想你指的是 網頁布局基礎>>2-7 網頁布局編程練習的第二個任務, 對吧?因為該樣式表中設置了*{margin:0; padding:0;},即所有元素的內外邊距都是0,所以每個元素默認的都會靠左上角排列。設置?#mainbody,#footer{ width:50%; margin:0 auto;}即可使中下部分居中。?
2016-10-30
已采納回答 / 慕俠6962033
<...code...><...圖片...>拋磚引玉:以上圖中綠色為padding,黃色為margin。?可以看出,該代碼的margin只設置了左右,達到控制元素間距的目的;padding四個方向都設置了,將背景層撐大。但是,...
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塊浮動后(浮起來了),main這個塊的紅色背景顏色是在left塊下面(浮動后不占用背景層的空間),但是文字卻是在left塊后面(也就是浮動后占用了內容層的空間),所以他是處于標準文檔流的。
2016-10-24
已采納回答 / 慕少7532173
這是正?,F象,如果想讓right上去,可以刪除“主要內容”這些文字。如果想要保留“主要內容”,可是在mainbody中設置text-align:center。因為float最初本來就是設計實現文字環繞效果的,現在這種表現正是符合了文字環繞效果
2016-10-23
已采納回答 / 慕少7532173
這里給樓主提供一種兩欄自適應布局,比老師講的position:absolute適用范圍大,沒有“絕對定位高度必須小于左側高度”這樣的限制。直接上圖<...圖片...>即:在需要自適應寬度的盒子(box2)添加屬性display:table-cell; width:2000px 即可。其中display是為了觸發BFC,width設置為一個足夠大的數值即可,為的是保證內容都能顯示出來,也可設置為9999px,哈哈。*設為了兼容而已。
2016-10-21
已采納回答 / 六月ovo
居中的元素必須有寬度,而且不能使width:100%;?然后設置margin:0 auto; 即可實現居中。注意,使用了浮動和定位的元素不能實現居中。
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