前端小白求助HTML和CSS问题
我设置了B1{margin-top：50px;}出现了A和B分开如图2，为什么不是B1的哈哈哈往下移动如图3？按理说设置B{margin-top：50px;}才会出现如图...
我设置了B1{margin-top：50px;} 出现了A和B分开如图2，为什么不是B1的哈哈哈往下移动如图3？按理说设置B{margin-top：50px;}才会出现如图2的情况啊！求大神指导啊！
展开
2个回答
展开全部
b1加margin-top后往下移动，会把套住他的b也拉下去就出现了和a之间的空白。
我不知道这个是否是个bug，是bug的话有什么名称、bug由什么引起...
我只知道怎么解决：这个情况在实际做网页中经常会遇到，你给b这个div加1px的顶部边框就可以向你想象那样出现正确的效果。
我不知道这个是否是个bug，是bug的话有什么名称、bug由什么引起...
我只知道怎么解决：这个情况在实际做网页中经常会遇到，你给b这个div加1px的顶部边框就可以向你想象那样出现正确的效果。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
margin是外边距 你如果想要B1达到图三的效果需要用内边距padding-top:50px;
追问
我知道可以用B1 padding-top:50px;达到图三的效果，但是我问的是为什么B或者B1设置 {margin-top：50px;}达到的都是图二的效果？按理说应该只有B设置{margin-top：50px;} 才会达到图二的效果啊
追答
因为你没有给B1设置绝对定位 你不设置绝对定位B1永远会受到B的规则 你在B1里面写一个position:absolute; 然后在写margin属性就可以实现padding的效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
