Html CSS容器行为

Html CSS容器行为,html,css,Html,Css,我试图使用#container(下图)来控制它包含的列的高度。我的编码方式似乎不起作用。为了帮助我确定发生了什么,我将#容器背景颜色设置为红色。我很困惑。为什么容器不是红色的?我错过了什么?下面是HTML和CSS文件,它们是完整的。感谢您的帮助 *{ 框大小:边框框; } 身体{ 宽度:1200px; 背景色:白色; } p{ 字体大小:.7em; 字体系列:helvecta; } #梅利斯头球{ 浮动:左; 宽度:40%; } #容器{ 宽度:1200px; 高度:300px; 背景色:红色

我试图使用#container(下图)来控制它包含的列的高度。我的编码方式似乎不起作用。为了帮助我确定发生了什么,我将#容器背景颜色设置为红色。我很困惑。为什么容器不是红色的?我错过了什么?下面是HTML和CSS文件,它们是完整的。感谢您的帮助

*{
框大小:边框框;
}
身体{
宽度:1200px;
背景色:白色;
}
p{
字体大小:.7em;
字体系列:helvecta;
}
#梅利斯头球{
浮动:左;
宽度:40%;
}
#容器{
宽度:1200px;
高度:300px;
背景色:红色;
溢出:自动;
}
.清楚{
明确:两者皆有;
线高:0;
}
#菜单里{
左侧填充:100px;
显示:内联;
字体大小:1.7em;
字体家族:流血牛仔;
}
#菜单李:第一个孩子{
左边距:75px;
}
@字体{
字体家族:流血牛仔;
src:url(assets/blooding_Cowboys.ttf);
}
a:链接{
颜色:紫色;
文字装饰:无;
}
a:悬停{
颜色:红色;
文字装饰:无;
}
#标题{
显示:块;
保证金:自动;
宽度:60%;
}
#收割台img{
浮动:左;
左边距:150像素;
}
#标题:悬停{
显示:块;
保证金:自动;
宽度:60%;
img:(url)
}
#专栏1{
宽度:300px;
高度:自动;
浮动:左;
右边距:30px;
左边距:30px;
边框:实心;
边框宽度:3倍;
边框颜色:灰色;
}
#梅丽斯肖像{
宽度:300px;
}
p组{
填充:10px;
}
#专栏2{
宽度:300px;
高度600px;
浮动:左;
右边距:30px;
}
#melies-2-image{
}
#第3栏{
宽度:300px;
高度:600px;
浮动:左;
}

阿克沃·梅利斯
同侧眼睑 多洛·希特·艾米特是一位杰出的领袖,他是一位伟大的领袖。但是,在最低限度的利益下,我们必须在公共消费品的基础上,继续履行我们的义务。在亨德雷特的两个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里。不受时间和解决方案的限制,不受限制,不受限制,不受限制

同侧眼睑 多洛·希特·艾米特是一位杰出的领袖,他是一位伟大的领袖。但是,在最低限度的利益下,我们必须在公共消费品的基础上,继续履行我们的义务。在亨德雷特的两个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里。不受时间和解决方案的限制,不受环境影响,不受环境影响 多洛·希特·艾米特是一位杰出的领袖,他是一位伟大的领袖。但是,在最低限度的利益下,我们必须在公共消费品的基础上,继续履行我们的义务。在亨德雷特的两个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里。不受时间和解决方案的限制,不受限制,不受限制,不受限制

请检查一下

*{
框大小:边框框;
}
身体{
宽度:1200px;
背景色:白色;
}
p{
字体大小:.7em;
字体系列:helvecta;
}
#梅利斯头球{
浮动:左;
宽度:40%;
}
#容器{
宽度:1200px;
高度:300px;
背景色:红色;
溢出:自动;
}
.清楚{
明确:两者皆有;
线高:0;
}
#菜单里{
左侧填充:100px;
显示:内联;
字体大小:1.7em;
字体家族:流血牛仔;
}
#菜单李:第一个孩子{
左边距:75px;
}
@字体{
字体家族:流血牛仔;
src:url(assets/blooding_Cowboys.ttf);
}
a:链接{
颜色:紫色;
文字装饰:无;
}
a:悬停{
颜色:红色;
文字装饰:无;
}
#标题{
显示:块;
保证金:自动;
宽度:60%;
}
#收割台img{
浮动:左;
左边距:150像素;
}
#标题:悬停{
显示:块;
保证金:自动;
宽度:60%;
img:(url)
}
#专栏1{
宽度:300px;
高度:自动;
浮动:左;
右边距:30px;
左边距:30px;
边框:实心;
边框宽度:3倍;
边框颜色:灰色;
}
#梅丽斯肖像{
宽度:300px;
}
p组{
填充:10px;
}
#专栏2{
宽度:300px;
高度600px;
浮动:左;
右边距:30px;
}
#melies-2-image{
}
#第3栏{
宽度:300px;
高度:600px;
浮动:左;
}<li><a href="about-the-archive.html>About the Archive</a></li>
<li><a href="about-the-archive.html">About the Archive</a></li>