填充的身体元素增加值

我想使它能够让我的身体部分在页面中间使用填充等。但由于某些原因，它自己不会在中间的框。我不确定我是否以正确的方式进行，但是当您看到代码时。主位被称为“节”这是我的主体在那里，我所有的文字等填充的身体元素增加值

主要代码：

http://codepen.io/Blindeagle141/pen/mVpYyM

正如你所看到的。蓝色框仍然在左侧。我需要它是在页面的只是像这样的中心：

----------------------------------------------- 
| |         |  |      
|-----------------------------------------------       
| |Logo      Nav Bar|  | 
|-----------------------------------------------       
| |         |  |     
| |         |  |      
| |    Body    |  |     
| |         |  |      
| |         |  |      
|-----------------------------------------------       
| |Logo      Info |  | 
|-----------------------------------------------       
| |         |  |      
-----------------------------------------------

来源

2016-01-22 MadMan

'margin：0 auto'。可能的副本[水平居中在一个div中的div]（http://stackoverflow.com/q/114543/1529630） – Oriol

看看flex的css对于这个 –

要居中如果你希望它是头下方的股利水平与margin: 0px auto

更换padding属性，还需要指定垂直余量，例如margin: 150px auto 0px auto

基本上，填充移动标记的DIV，所以背景色仍会跨越填充。如果你想移动整个div的边界，请使用margin。这被称为盒子模型，用它作为定位的参考。

来源

2016-01-22 01:55:22

你很好。谢谢xx – MadMan

，我们需要检查的第一件事是填充的使用，它被用于对内容的距离设置为元素的边框，在这里：

<section> 
    <p>Body</p> 
</section>

填充会将<p>body</p>的距离设置为元素<section></section>。我们要的是对的<section></section>的距离设置为其父所以不是填充使用保证金，像这样：

section{ 
    background-color: cornflowerblue; 
    height: 100px; 
    width: 200px; 
    margin: 0 auto; 
}

这将使<section></section>元素在中心。

来源

2016-01-22 01:57:06 Ervin

非常感谢！工作 – MadMan

填充的身体元素增加值

回答

相关问题