Question

随机问题我遇到了这个问题我肯定对我来说是一个沉闷的过度。我的标题没有填充到我的屏幕的顶部或左/右部分，并且在这些区域留下了一点空间。我为标题内的元素提供了填充和边距，但是试图将标题大小最大化无济于事。知道我可能会缺少什么吗？

谢谢！

HTML：

<body>
    <header>
        <a href="index.html" id="logo">
        <img src="img/logo.png">
        </a>
</body>

CSS：

*{
    boz-sizing: border-box;
}

body{

    font-family: 'Open Sans', Tahoma, sans-serif;
    max-width: 100%;
    background-color: #5F5E5E;
}

/***************
HEADING
****************/

 header{
  float: left;
  margin: 0 0 15px 0;
  padding: 5px 0 -60px 0;
  min-width: 100%;
  width: 100%;
   }

#logo {
 margin: 5px 0 0 70px;
 padding-top: 7px;
 padding-left: 50px;
 display: inline-block;
 max-width: 100%;
}

Answer 1

您需要重置浏览器的默认margins设置：

*{
    margin: 0;
}

DEMO

注意：boz-sizing也应为box-sizing;）

标题未填充整个宽度或身体顶部

1 个答案: