css - 如何在具有边距的父 div 中居中子 div？

Question

这是代码

div.content_inner {
    background-color: white;
    -moz-box-shadow: 1px 5px 10px #000;
    -webkit-box-shadow: 1px 5px 10px #000;
    box-shadow: 1px 5px 10px #000;
    margin-left: 10%;
    margin-right: 10%;
}

网站是http://twoandahalfmiles.polymath.io

我试图让白色内容在每一边都有边距，我希望它延伸到网站的顶部，它目前也没有这样做。

提前致谢！

Answer 1

你可以定义一个固定的宽度，并设置auto的左右边距值。像这样：

.content {
  width: 940px;
  margin-left: auto;
  margin-right: atuo;
}
div.content_inner {
    background-color: white;
    -moz-box-shadow: 1px 5px 10px #000;
    -webkit-box-shadow: 1px 5px 10px #000;
    box-shadow: 1px 5px 10px #000;
   /* margin-left: 10%;
    margin-right: 10%;*/　/*please delete*/
}