Html 为什么不'；这些div的尺寸是否正确？

我无法使分区'2nd_a''2nd_b'和'2nd_c'（位于'second_area'分区内）正确调整大小。我真的不明白这一点，因为它们应该是160px高和160px宽的盒子，它们只是没有调整大小。如果我把div中的文本拿走，它们就会消失。我尝试过将它们显示为内联块，但没有效果。有人能解释一下为什么会发生这种情况吗

@charset“utf-8”；
/*CSS文档*/
身体{
背景色：#fff；
填充：0px；
保证金：0自动；
}
#收割台包装{
宽度：100%；
高度：100px；
保证金：0自动；
背景：巴巴巴；
边框底部：1px实心#211c20；
边框顶部：1px实心#211c20；
}
#标题{
宽度：960px；
高度：自动；
保证金：0自动；
填充顶部：15px；
}
.标志{
宽度：130px；
高度：50px；
边框：1px纯黑；
填充顶部：20px；
左侧填充：50px；
字体大小：24px；
浮动：左；
字体系列：“Gill Sans”、“Gill Sans MT”、“Myriad Pro”、“DejaVu Sans Condensed”、Helvetica、Arial、Sans serif；
}
.链接{
浮动：左；
高度：50px；
宽度：778px；
字体大小：24px；
填充顶部：20px；
文本对齐：右对齐；
字体系列：“Gill Sans”、“Gill Sans MT”、“Myriad Pro”、“DejaVu Sans Condensed”、Helvetica、Arial、Sans serif；
}
#主体{
背景：#2A00FF；
宽度：960px；
高度：自动；
保证金：0自动；
}
#第一区{
宽度：960px；
高度：自动；
保证金：0自动；
背景：#E000FF；
填充顶部：150px；
字体系列：“Gill Sans”、“Gill Sans MT”、“Myriad Pro”、“DejaVu Sans Condensed”、Helvetica、Arial、Sans serif；
字体大小：33px；
文本对齐：居中；
填充底部：150px；
}
#第二区{
宽度：960px；
高度：自动；
背景：#22FF00；
}
#第二单元a{
宽度：158px；
高度：158px；
边框：1px纯黑；
浮动：左；
背景#983C3D；
}
#二等兵{
宽度：158px；
高度：158px；
边框：1px纯黑；
浮动：左；
背景：#FFCE00；
}
#第二大学{
宽度：158px；
高度：158px；
边框：1px纯黑；
浮动：左；
背景：#C11FF；
}

无标题文件
标志
自动售货机|分销商|支持|联系
卓越的自动售货服务
A.
B
C

问题在于以数字开头的ID。虽然您可以使用HTML5中的ID来启动ID，但CSS中仍有一些需要考虑的问题。您需要在CSS文件中像这样转义id选择器：

#\32nd_a {
styles go here
}

有关更多详细信息，请参阅此处：

---

我在你的代码中没有看到任何指定它们为160px的东西。不要用数字启动ID。虽然它是合法的，但它通常会导致CSS出现问题。例如，将

id=“2nd\u a”

更改为

id=“second\u a”

并更新CSS。不要以数字开始ID。嗨，在CSS中保持id名称并转义id的同时使用fiddle：我认为你需要在fiddle中把3放在2之前。从我的观点来看，最好只在命名中使用字符。是的，你是对的：-而且我同意在开始时不使用数字更方便。但是，如果出于某种原因，你必须要有一个数字，那么转义可能是一种选择。

#nd_a