任務(wù)1：請(qǐng)?jiān)谟覀?cè)編輯器中補(bǔ)全代碼，實(shí)現(xiàn)頁(yè)面自動(dòng)居中布局，要求#wrap頂部和底部與瀏覽器無(wú)間距；任務(wù)2：請(qǐng)?jiān)谟覀?cè)編輯器中補(bǔ)全代碼，使用浮動(dòng)實(shí)現(xiàn)#left和#mid橫向兩列排版，并且兩者之間有13px間距;任務(wù)3：請(qǐng)?jiān)谟覀?cè)編輯器中補(bǔ)全代碼，使用position定位方法實(shí)現(xiàn)#right的自適應(yīng)寬度橫向排版，且它與#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?中間和左邊不應(yīng)該是123px 嗎？2.還有加粗的{top：0px;}起到了什么作用？ ?為什么沒(méi)有這一句我的右邊和中間就沒(méi)有間距了（已經(jīng)寫了margin-left:760）3.margin的距離是相對(duì)于什么的距離？4.left 浮動(dòng)了 mid 要不要浮動(dòng)？
2 回答
天行者1037991
TA貢獻(xiàn)11條經(jīng)驗(yàn) 獲得超4個(gè)贊
可以利用瀏覽器的調(diào)試工具查看一下盒子模型，點(diǎn)擊一個(gè)元素就能看到他的margin/padding等，可以在瀏覽器中直接改代碼進(jìn)行調(diào)試，我也不太懂，簡(jiǎn)單說(shuō)一下
1、margin-left是該元素和外界的距離，不是位置，你說(shuō)的123我覺(jué)得是left等于123，但不會(huì)是margin-left,利用瀏覽器調(diào)試一下就會(huì)知道了
2、top:0是絕對(duì)定位吧
3、margin就是外邊距
4、我覺(jué)得不用浮動(dòng)了吧
本人水平也不高，但是感覺(jué)你還不會(huì)用瀏覽器的調(diào)試工具，學(xué)會(huì)用它，會(huì)理解的更快
添加回答
舉報(bào)
0/150
提交
取消