我的标题不起作用,就像我给它一个
background: #XXXXXX
它不会只填满整个标题的 2 个边,当我添加宽度为 90% 和边距为 0 auto 时,颜色会完全消失。
body{
font-family: Trebuchet, Arial, Helvetica;
font-size:15px;
line-height:1.5;
padding:0;
margin:0;
background-color:#0a1612
}
/* Global */
.container{
width:80%;
margin:auto;
overflow:hidden;
background:#c5c1c0
}
/* Header */
header {
background:#f7ce3e
width: 90%;
margin: 0 auto;
}
最佳答案
background:#f7ce3e
; 后的页眉部分缺少分号。这就是为什么没有应用它之后的所有样式的原因。
这是固定的例子。
body{
font-family: Trebuchet, Arial, Helvetica;
font-size:15px;
line-height:1.5;
padding:0;
margin:0;
background-color:#0a1612;
}
/* Global */
.container{
width:80%;
margin:auto;
overflow:hidden;
background:#c5c1c0;
}
/* Header */
header {
background:#f7ce3e;
width: 90%;
margin: 0 auto;
padding: 0 5%;
}
<header> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae consectetur voluptas reiciendis officiis nisi, eius recusandae odio voluptatum quod modi aliquid iste distinctio accusamus placeat maiores quam possimus! Eius, animi. </header>
<div class="container">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis iste quam unde omnis ex debitis assumenda atque, quae voluptatibus temporibus. Ratione perspiciatis incidunt fuga laudantium magnam tempora eligendi nesciunt quis.</div>
关于html - 我的页眉 Div 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44935747/