添加边距时,我无法阻止div扩展到父div之外。在下面的示例中,我将div宽度设置为100%,然后添加margin-left:32px;到第二个分区。
我希望它保持在100%的宽度内,但是左边距似乎将其推到父div之外。
.parent {
flex-direction: column;
width: 100%;
max-width: 540px;
padding-right: 32px;
padding-left: 32px;
margin-right: auto;
margin-left: auto;
overflow: auto;
float: none;
}
.child-1 {
position: relative;
width: 100%;
background-color: blue;
}
.child-2 {
padding-right: 15px;
position: relative;
padding-left: 15px;
margin-left: 32px;
width: 100%;
background-color: yellow;
}
#parent-box {
background-color: red;
}
<div class="parent" id="parent-box">
<div class="child-1"><p>test</p></div>
<div class="child-2"><p>test box</p></div>
</div>