Html div不'；t使用适当的css样式显示

我无法理解为什么以下div没有以我在

style.css

中给出的样式出现在页面中。标题看起来很好，问题出在带有

id=“navigate”

我把整个代码都贴出来，以防它提供线索

CSS

/*http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
许可证：无（公共域）
*/
html，
身体，
分区，
跨度
小程序，
对象
iframe，
h1，
h2，
h3，
h4，
h5，
h6，
P
块引用，
之前，
A.
缩写，
缩略语
地址:，
大的
引用，
代码，
德尔，
dfn，
相对长度单位，
img，
ins，
kbd，
Q
s
桑普，
小的
罢工
坚强的
附属的，
啜饮，
tt，
var，
B
U
我
居中
dl，
dt，
dd，
ol,，
ul，
锂，
字段集，
形式，
标签，
传奇
桌子
说明文字
t身体，
特富特，
thead，
tr，
th，
运输署，
文章
在一边
帆布，
细节，
嵌入
图形
figcaption，
页脚，
标题，
hgroup，
菜单，
导航，
产出，
红宝石，
第节，
总结，
时间
做记号
音频
录像带{
保证金：0；
填充：0；
边界：0；
字体大小：100%；
字体：继承；
/*垂直对齐：基线*/
}
/*旧浏览器的HTML5显示角色重置*/
文章
在一边
细节，
figcaption，
图形
页脚，
标题，
hgroup，
菜单，
导航，
部分{
显示：块；
}
身体{
线高：1；
}
ol,，
保险商实验室{
列表样式：无；
}
块引用，
q{
报价：无；
}
blockquote：之前，
blockquote：之后，
问:以前,，
问：之后{
内容：''；
内容：无；
}
桌子{
边界塌陷：塌陷；
边界间距：0；
}
/*~~~~~~~~~全球~~~~~~~~~~~*/
.集装箱{
/*阶级*/
背景：35424a；
宽度：70%；
/*为了响应，我们将使用百分比*/
高度：50px；
保证金：自动；
/*这会把它移到中间哇哇*/
溢出：隐藏；
/*如果某个内容超出了div，我不希望出现滚动条，我希望它出现
隐藏*/
}
/*~~~~~~~~~~标题~~~~~~~~~~*/
标题{
职位：继承；
颜色：#ffffff；
/*文本颜色*/
最小高度：30px；
/*最小高度，而不是高度，这样当它的响应和屏幕是
越小，文本越长，或者菜单进入下一行，我们希望调整高点*/
}
标题a{
显示：表格单元格；
垂直对齐：中间对齐；
浮动：左；
垫面：5px；
}
标题形式{
浮动：左；
垂直对齐：中间对齐；
填充顶部：10px；
左侧填充：5px；
}
#导航搜索{
文本对齐：居中；
宽度：150px；
高度：30px；
}
标题.信息{
显示：表格单元格；
左侧填充：100px；
填充顶部：20px；
}
收割台h5{
显示：表格单元格；
左侧填充：20px；
}
header.btn成功{
浮动：对；
最高：50%；
转化：translateY（-80%）；
左边距：5px；
}
/*~~~~~~~~~~导航~~~~~~~~~~*/
#导航{
高度：200px；
宽度：100%；
背景色：红色；
}

精英地产
电话：123456789
传真：+0904412943
电邮：sonam1790@gmail.com
登记
登录
你好
测试场地，版权和副本；2017年

您的h5样式将覆盖您发布的代码中的div样式。一个简单的解决方案是为#导航div指定h5样式：

#navigate h5 {
      height: 200px;
      width: 100%;
      background-color:red;
    }

---

h5样式将覆盖您发布的代码中的div样式。一个简单的解决方案是为#导航div指定h5样式：

#navigate h5 {
      height: 200px;
      width: 100%;
      background-color:red;
    }

---

无论出于何种原因，

#navigate

是否声明为除

块

元素以外的任何元素？如果将

display:block

声明为

#navigate

，是否会得到预期的结果？确定选择器是否应用的另一种方法是调整字体颜色，因为这是元素当前唯一可见的部分，请尝试将其颜色更改为明显的颜色，如“红色”。如果这个规则适用，你就会知道你的选择器是有效的，问题可能出在其他方面，比如元素的显示类型，或者其他一些缺少的规则。这就是解决方案。如果我声明display:block来#导航，它会工作。非常感谢，我不知道显示如此重要。您可能还想将

div

添加到显示角色重置规则数组中，这样您就不会遇到任何其他

div

的问题了，感谢infoIs

#navigate

声明为除

块

元素以外的任何元素，无论出于何种原因？如果将

display:block

声明为

#navigate

，是否会得到预期的结果？确定选择器是否应用的另一种方法是调整字体颜色，因为这是元素当前唯一可见的部分，请尝试将其颜色更改为明显的颜色，如“红色”。如果这个规则适用，你就会知道你的选择器是有效的，问题可能出在其他方面，比如元素的显示类型，或者其他一些缺少的规则。这就是解决方案。如果我声明display:block来#导航，它会工作。非常感谢，我不知道显示如此重要。您可能还想将

div

添加到显示角色重置规则数组中，这样您就不会遇到任何其他

div

的问题。完成了，谢谢您提供的信息

#navigate h5 {
      height: 200px;
      width: 100%;
      background-color:red;
    }