div+css margin-top 问题

发布网友发布时间：2022-04-19 06:03

共3个回答

热心网友时间：2022-04-19 07:32

这个是css的外边距合并，
给外面那个div的style里面加上 overflow: hidden;可以解决。追问嗯！是可以了，但是在本地的360预览还是不行，我是写在天猫商城里面的，在商城里面可以，，，，，

overflow hidden不是溢出隐藏么，啥道理呢

追答外边距合并发生在正常的文档流，让父元素生成一个 block formating context 就能避免，以下属性可以实现
* float: left/right
* position: absolute
* display: inline-block/table-cell(或其他 table 类型)
* overflow: hidden/auto
或者为父元素添加边框或者间距（border or padding)也可以不使边距重叠。

热心网友时间：2022-04-19 08:50

你在外面的那个div写：padding-top:10px; 就 OK！

热心网友时间：2022-04-19 10:25

<div style="width:1920px; height:219px; background-color:#d8d8d8;padding-top: 10px;">
<div style=" border-top:1px solid #C06; width:990px; height:2px; margin: 0px auto; "> </div>
</div>追问谢谢，我懂了，只是楼上的先到一步