任務1：請在右側編輯器中補全代碼，實現頁面自動居中布局，要求#wrap頂部和底部與瀏覽器無間距；任務2：請在右側編輯器中補全代碼，使用浮動實現#left和#mid橫向兩列排版，并且兩者之間有13px間距;任務3：請在右側編輯器中補全代碼，使用position定位方法實現#right的自適應寬度橫向排版，且它與#mid之間的間距為17px。#wrap{width:970px; margin:0 auto;}#mainbody{position:relative; margin-top:15px;}#left{float:left;left:0;top:0;width:110px; }#mid{float:left;margin-left:13px;top:0;width:650px;border:1px solid #999;}#right{position:absolute；top:0;;left:790px;border:1px solid #999;}1.為什么中間和左邊只要間距13px?右邊和左邊要間距790px?中間和左邊不應該是123px 嗎？2.還有加粗的{top：0px;}起到了什么作用？ ?為什么沒有這一句我的右邊和中間就沒有間距了（已經寫了margin-left:760）3.margin的距離是相對于什么的距離？4.left 浮動了 mid 要不要浮動？
2 回答
天行者1037991
TA貢獻11條經驗 獲得超4個贊
可以利用瀏覽器的調試工具查看一下盒子模型，點擊一個元素就能看到他的margin/padding等，可以在瀏覽器中直接改代碼進行調試，我也不太懂，簡單說一下
1、margin-left是該元素和外界的距離，不是位置，你說的123我覺得是left等于123，但不會是margin-left,利用瀏覽器調試一下就會知道了
2、top:0是絕對定位吧
3、margin就是外邊距
4、我覺得不用浮動了吧
本人水平也不高，但是感覺你還不會用瀏覽器的調試工具，學會用它，會理解的更快
- 2 回答
- 0 關注
- 1514 瀏覽