Question

我有一个标题div，我希望显示一种颜色。当我为整个背景添加颜色时，标题颜色不再显示。

这是HTML：

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="shortcut icon" href="images/logo.png">
</head>
<body>

<div class='grid'>
    <div class='header'>
        <div class='col4head'>
            <a><img src="images/logoname.png"></a>
        </div>
        <div class='col8head'>
            <p>name<br/>title</p>
        </div>
    </div>  
    <hr/>

这是CSS：

*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #e9ece5;

}

.grid {
column-count: 12;
}

.header {
width: 100%;
max-height: 70px;
display: flex;
overflow: auto;
background-color: #c0dfd9;


.header a img {
max-height: 70px;
position: fixed;
}

Answer 1

两件事：

你在CSS的.header上缺少一个结束大括号。
使用*选择器定位页面上的每个元素，我建议您将背景颜色放在身体元素上，例如：
```
body {
  background-color: red;
}
```

添加了页面背景颜色，标题颜色消失

1 个答案: