为什么在html代码的div当中设置margin-top：10px没响应，加了position也不行

已采纳

霸气的擎宇

TA贡献6条经验获得超5个赞

以后提问最好有代码！

position是定位，加了定位之后，你要用top left right bottom定位就好，跟margin-top等不是一回事。margin-top是设置元素的外边距！首先不可能没响应！！！你是不是代码没保存所以在浏览器里面没反应？还有你既然用了div 那就是块元素了？是有效的。若是内联元素上下内外边距设了也都没用的。

那么你既然说没响应，就要注意注意一个问题，上下外边距会重叠！

比如两个DIV块，假设没有设置浮动也不定位的情况下。他们都设置margin:20px; 那么两个div之间上下之间的距离你认为是多少呢？正常会说是20加20等于40px；可惜不是，他们只有20px

然后就是在html中设置？你要确定是css样式。

再然后就是，你要确定你这个代码是可以生效。意思是别的地方也设置了MARGIN 并且比你现在设置的优先。

所以，你不弄代码根本没法回答。

鬼知道你问题出在哪里？你自己觉得你说的清楚了，实际是你见识太少，很多东西考虑不到。别人想帮你也有心无力。

其实你这问题，别人只需要说，你设置错了才没响应。

2 反对回复 2016-07-21

qq_一路向左_0
初学者，比较小白，抱歉了，昨天提问的电脑跟编码的不是同一台，所以没有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包起来了，放在登录页“page”里。

回复 2016-07-21
霸气的擎宇
margin:0 不需要单位。直接就是0.两处。这不是重点。重点是你仍然不会提问！我还是不明白你想问什么。不过我还是猜着回答吧。假设你是想让#jpg在.top 中距离顶部有10px距离，所以是想给#jpg设置 margin-top:10px；如果是这样的话当然不能生效了，你可以直接position：relative；top:10px；这样就可以了说一下你想用外边距为什么不可以。要分有无边框，这里你没有设置边框，container所占空间是不一样的。你的page设置了上下外边距160px，外边距并不显示。但是存在，所以有垂直居中效果。实际上container是被page实际内容区撑起来的，所有DIV都不设置边框的情况下，比如现在，page外边距160px，你再设置top 或者top里面的jpg的外边距都会发生垂直方向上的外边距重叠。假设你jpg设置160px以上，不好意思，仍然达不到你想要的效果。这时候会整体继续下移而不会单独下移。如果所有div加边框了，首先这不是你想要的效果，另外这样设置虽然避免margin重叠，#page的上下外边距可以生效了。但是因为边框的存在，哪怕是0.1px，高度就要重新计算，不然你会发现你的sub，fom底部超出你的page。其实你可以把每一个DIV设置不同背景颜色就比较容易发现问题了。给所有DIV加个边框属性查看

回复 2016-07-21
霸气的擎宇
块元素的锤子外边距会发生重叠，只要两个元素的锤子外边距碰到一起，即时两个元素是嵌套关系，就会发生重叠。有边框的时候，那元素外边距就没法碰到一起了所以不会重叠。重叠的时候生效的是较大的哪个值

回复 2016-07-21

点击展开后面1条

繁青

TA贡献10条经验获得超11个赞

你的div没有宽度和高度。。。
你的div没有颜色，所以看不到。。。

1 反对回复 2016-07-21

KJinn

TA贡献20条经验获得超12个赞

第一首先你的DIV得是块级元素（display:block; ） //如<SPAN>标签设置margin就没有效果

第二如果设置了float在某些情况下会影响

1 反对回复 2016-07-20

0_走路去上班_0

TA贡献4条经验获得超1个赞

div没有高度？

反对回复 2016-07-21

jiayy

TA贡献12条经验获得超3个赞

F12在前台调试，调好在后台改代码

反对回复 2016-07-21

we克斯3514189

TA贡献1条经验获得超0个赞

是在CSS中设置而不是在DIV中设置

反对回复 2016-07-21

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包起来了，放在登录页“page”里

回复 2016-07-21

慕仙8196318

TA贡献40条经验获得超26个赞

我猜你需要关键字：BFC

反对回复 2016-07-21

今天没吃药感觉萌萌哒

TA贡献3条经验获得超1个赞

有代码嘛？？

反对回复 2016-07-20

封邑瀛鱼

TA贡献6条经验获得超0个赞

把代码放出来看看吧，原因可能有很多

反对回复 2016-07-20

刚毅87

TA贡献345条经验获得超309个赞

把你代码放出来看看.

反对回复 2016-07-20

为什么在html代码的div当中设置margin-top：10px没响应，加了position也不行

为什么在html代码的div当中设置margin-top：10px没响应，加了position也不行

13 回答

相关问题推荐

添加回答

热搜

最近搜索清空

为什么在html代码的div当中设置margin-top：10px没响应，加了position也不行

为什么在html代码的div当中设置margin-top：10px没响应，加了position也不行

13 回答

相关问题推荐

添加回答