13 回答
已采納
霸氣的擎宇
TA貢獻(xiàn)6條經(jīng)驗(yàn) 獲得超5個(gè)贊
以后提問最好有代碼！
position是定位，加了定位之后，你要用top left right bottom定位就好，跟margin-top等不是一回事。margin-top是設(shè)置元素的外邊距！ ? 首先不可能沒響應(yīng)?。?！你是不是代碼沒保存所以在瀏覽器里面沒反應(yīng)？還有你既然用了div 那就是塊元素了？是有效的。若是內(nèi)聯(lián)元素上下內(nèi)外邊距設(shè)了也都沒用的。
那么你既然說沒響應(yīng)，就要注意注意一個(gè)問題，上下外邊距會(huì)重疊！
比如兩個(gè)DIV塊，假設(shè)沒有設(shè)置浮動(dòng)也不定位的情況下。他們都設(shè)置margin:20px; ? ? 那么兩個(gè)div之間上下之間的距離你認(rèn)為是多少呢？ ? ? 正常會(huì)說是20加20等于40px； 可惜不是，他們只有20px
然后就是在html中設(shè)置？你要確定是css樣式。
再然后就是，你要確定你這個(gè)代碼是可以生效。意思是別的地方也設(shè)置了MARGIN ?并且比你現(xiàn)在設(shè)置的優(yōu)先。
所以，你不弄代碼根本沒法回答。
鬼知道你問題出在哪里？你自己覺得你說的清楚了，實(shí)際是你見識(shí)太少，很多東西考慮不到。別人想幫你也有心無力。
其實(shí)你這問題，別人只需要說，你設(shè)置錯(cuò)了才沒響應(yīng)。
-
qq_一路向左_0初學(xué)者，比較小白，抱歉了，昨天提問的電腦跟編碼的不是同一臺(tái)，所以沒有po代碼上來，謝謝你的建議，下面是源代碼： #container{ width: 100%; height: 720px; background-color: cadetblue; position: absolute; margin: 0px; } #container .page{ width: 300px; height: 400px; background-image: url(img/backgroud.jpg); margin: 160px auto; } #container .page .top{ height: 25%; } #container .page .top #jpg{ width: 60px; height: 60px; margin: 10px auto; } #container .page .sub #fom{ width: 200px; height: 300px; margin: 0px auto; } 我把登錄表單用“sub”類屬性的div包起來了，放在登錄頁(yè)“page”里。 -
霸氣的擎宇margin:0 不需要單位。直接就是0.兩處。這不是重點(diǎn)。重點(diǎn)是你仍然不會(huì)提問！我還是不明白你想問什么。不過我還是猜著回答吧。 假設(shè)你是想讓#jpg在.top 中距離頂部有10px距離，所以是想給#jpg設(shè)置 margin-top:10px；如果是這樣的話當(dāng)然不能生效了，你可以直接position：relative；top:10px； 這樣就可以了 說一下你想用外邊距為什么不可以。要分有無邊框，這里你沒有設(shè)置邊框，container所占空間是不一樣的。你的page設(shè)置了上下外邊距160px，外邊距并不顯示。但是存在，所以有垂直居中效果。 實(shí)際上container是被page實(shí)際內(nèi)容區(qū)撐起來的，所有DIV都不設(shè)置邊框的情況下，比如現(xiàn)在，page外邊距160px，你再設(shè)置top 或者top里面的jpg的外邊距都會(huì)發(fā)生垂直方向上的外邊距重疊。假設(shè)你jpg設(shè)置160px以上，不好意思，仍然達(dá)不到你想要的效果。這時(shí)候會(huì)整體繼續(xù)下移而不會(huì)單獨(dú)下移。 如果所有div加邊框了，首先這不是你想要的效果，另外這樣設(shè)置雖然避免margin重疊，#page的上下外邊距可以生效了。但是因?yàn)檫吙虻拇嬖?，哪怕?.1px，高度就要重新計(jì)算，不然你會(huì)發(fā)現(xiàn)你的sub，fom底部超出你的page。 其實(shí)你可以把每一個(gè)DIV設(shè)置不同背景顏色就比較容易發(fā)現(xiàn)問題了。給所有DIV加個(gè)邊框?qū)傩圆榭?/div>
霸氣的擎宇塊元素的錘子外邊距會(huì)發(fā)生重疊，只要兩個(gè)元素的錘子外邊距碰到一起，即時(shí)兩個(gè)元素是嵌套關(guān)系，就會(huì)發(fā)生重疊。 有邊框的時(shí)候，那元素外邊距就沒法碰到一起了所以不會(huì)重疊。 重疊的時(shí)候生效的是較大的哪個(gè)值點(diǎn)擊展開后面1條
KJinn
TA貢獻(xiàn)20條經(jīng)驗(yàn) 獲得超12個(gè)贊
第一首先你的DIV得是塊級(jí)元素（display:block;?） //如<SPAN>標(biāo)簽設(shè)置margin就沒有效果
第二如果設(shè)置了float在某些情況下會(huì)影響
-
qq_一路向左_0是在css中，這是源代碼#container{ width: 100%; height: 720px; background-color: cadetblue; position: absolute; margin: 0px; } #container .page{ width: 300px; height: 400px; background-image: url(img/backgroud.jpg); margin: 160px auto; } #container .page .top{ height: 25%; } #container .page .top #jpg{ width: 60px; height: 60px; margin: 10px auto; } #container .page .sub{ width: 85%; height: 300px; margin: 0px auto; } 我把登錄表單用“sub”類屬性的div包起來了，放在登錄頁(yè)“page”里
添加回答
舉報(bào)
0/150
提交
取消