如何解决margin塌陷问题-木庄网络博客

2022-03-02 19:05:34 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者清浅，侵删。

本文章分享的是有关margin塌陷的问题以及解决margin塌陷的方法，具有一定的参考价值，希望对大家的学习有所帮助。

margin是设置元素的外边距，正常情况下设置margin值时应该是父元素相对于浏览器定位，子元素相对于父元素定位而我们常常碰到无论怎么给margin设置值时都毫无反应，今天就和大家分享解决这个问题的方法。

html代码

<div class="box1">
   <div class="box2"></div>
</div>

css代码

.box1{
    width:200px;
    height:200px;
    background-color:rgb(16,128,214);
    }
.box2{
        width:100px;
    height:100px;
        background-color:rgb(128,227,248);
}

效果图

阅读剩余部分

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 如何解决margin塌陷问题

如何解决margin塌陷问题

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论