我有一个div里面有一个div。
里面的 div 比它的父级宽，所以正常的过程
margin-left: auto;
margin-right: auto;
生成一个内部 div，其中子级的左边缘与父级的左边缘对齐。
当人们回答这个问题时，他们通常会采用负左边距方法。有更清洁的解决方案吗？
您可以使用弹性盒：
.outer {
display: flex; /* Magic begins */
justify-content: center; /* Center contents */
width: 400px;
height: 400px;
background: beige;
margin: 0 auto;
}
.inner {
flex-shrink: 0; /* Don't shrink it even if it's too wide */
width: 600px;
height: 200px;
background: pink;
}
<div class="outer">
<div class="inner"></div>
</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
