Question

我知道这个问题被问过几次，但它不能用我的例子:(

这是我的代码

index.html.erb

<div class="welcome">
    <h1>h1</h1>
    <h3>h3</h3>
    <small>small</small>
</div>

CSS

body {
   margin: 0;
   padding: 0;
   background-image:url('sitebackground.jpg');
   background-repeat: no-repeat; 
}

.welcome{
   display: block;
   left: 10%; 
   width: 80%;
   margin:0 auto;
}

Answer 1

删除左：100％正如Pierce McGeough所说。我创建了一个simple fiddle来演示。我还添加了背景颜色来演示80％的宽度和居中位置。

.welcome{
   display: block;
   width: 80%;
   margin: 0 auto;
   background-color: blue;
}

如果你也试图摆脱上边距，那一个来自h1。所以添加以下css：

h1 {
    margin: 0; /* or just margin-top: 0; */
}

保证金：0自动;不起作用

1 个答案: