html - 我的页眉 Div 不工作

标签 html css header

我的标题不起作用,就像我给它一个

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/

相关文章:

javascript - mouseOver 上的隐藏图像问题

java - 我应该使用什么查询来使用 Jsoup 从 html 页面中提取符号?

html - 表格背景颜色每两行变化一次

jquery - 在 jQuery Mobile header 中对齐图像和文本

c++ - initwindow 使程序崩溃

html - 使用本地样式表规范化 CSS 显示不正确

html - 我的按钮上需要白色文本,而不是链接的橙色文本

javascript - 通过 chrome 扩展选项有条件地注入(inject) CSS

html - 尝试在导航中绝对居中 ul(垂直和水平)

php - 下载 .zip 文件运行损坏的文件 php