Question

我的代码遇到了一些麻烦。 CSS填充不按预期工作！而不是#nameOfId { padding:10px 0 0 0; }向顶部添加10px的填充，而是向高度添加10px。

为方便起见，我会链接所有内容here。

此外，这是我的site。所以你对我想要发生的事情有一个大概的了解。 #iSiteTitleBackground {...}应以网站标题“REACTION GAME”为中心。我一直在把头发拉过来，因为我不能为我的生活弄清楚为什么这不起作用。我尝试过一些东西，比如将样式添加到HTML标签本身，然后再次搞乱CSS ......

另外，我在这里是个新手...所以如果事情不正确我会道歉。

Answer 1

我相信这就是你要找的东西。请看我的小提琴示例：http://jsfiddle.net/lolsen7/k390jy48/。请注意，您的内容应控制页面的高度。除非你真的需要指定一个高度。还要记住你是否要使用float：left;或浮动：确保您始终清除浮子的权利。请参阅下面的iContent CSS。

#iContent {

    display: block;
    background: #fff;
    margin: 0 auto;
    border: 2px solid #1f4f82;
    width: 900px;
    height: 750px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    margin-top: 20px;

}

Answer 2

我已经为你做了here，我已经为你的（反应游戏）添加了一个ID titleLink添加应用了以下css规则

#titleLink{
  display: inline-block;
  text-align: center;
  padding-top: 10px;
  width: 100%;
}

CSS填充不能按预期工作

2 个答案: