Html 我的div卡在其他div之间，不会在底部

因此，我的任务是让灰色矩形（

）自动位于其他矩形下方，现在它卡在标题和我的另外两个身体div之间。由于我是一个初学者，我不知道如何解决这个问题，我搜索了一下，试图添加一个

清除：两者都是
，但这并没有解决我的问题。如果有人能看看我的代码，看看有什么问题，我会很高兴的。很抱歉，我的代码中没有结构

谢谢，菲利普

：D

代码（先是CSS，然后是HTML）：


正文{
背景：白色；
字体系列：“蒙特塞拉特”，无衬线；
垫底：-1px；
}
.集装箱{
宽度：80%；
保证金：0自动；
}
标题{
背景：#fff；
}
* {
保证金：0；
填充：0；
}
标题：：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
导航{
浮动：对；
右侧填充：230px；
}
李海军{
显示：内联块；
左侧填充：45px；
填充顶部：20px；
垫底：20px；
}
导航ul{
列表样式：无；
显示：内联块；
填充顶部：25px；
}
导航a{
字体大小：12px；
颜色：黑色；
字号：600；
文字装饰：无；
文本对齐：居中；
文本转换：大写；
}
导航a：悬停{
颜色：红色；
}
李导航：悬停{
}
.fa搜索{
颜色：黑色；
字体大小：14px；
转换：scaleX（-1）；
左边距：50像素；
}
.fa酒吧{
颜色：黑色；
字体大小：14px；
左侧填充：15px；
}
导航一：悬停{
颜色：红色；
光标：指针；
}
.包装纸{
位置：相对位置；
身高：100%；
宽度：100%；
}
图1{
高度：350px；
宽度：600px；
边缘顶部：100px；
左边距：80px；
位置：绝对位置；
z指数：4；
背景图片：url（'Img/KBA.jpg'）；
背景位置：10%30%；
背景大小：180%；
}
比尔先生2{
高度：350px；
宽度：600px；
边缘顶部：140px；
左边距：120像素；
z指数：3；
位置：绝对位置；
背景色：#3D6BB8；
}
.entrytext{
浮动：对；
右边距：90像素；
边缘顶端：175px；
明确：两者皆有；
}
.entrytext>h1{
字号：800；
字体风格：普通；
字体大小：54px；
}
.entrytext>按钮{
边界：无；
显示：内联块；
背景色：#38b272；
颜色：白色；
填充：8px 10px 8px 15px；
字母间距：6px；
边界半径：8px；
字号：500；
字号：17px；
文本对齐：左对齐；
边缘顶部：20px；
盒影：20px 15px黑色；
}
.entrytext>按钮：悬停{
边界：无；
显示：内联块；
背景色：#c12147；
颜色：白色；
填充：8px 10px 8px 15px；
字母间距：6px；
边界半径：8px；
字号：500；
字号：17px；
文本对齐：左对齐；
边缘顶部：20px；
}
按钮：焦点{大纲：0；}
.fa右角{
字体大小：20px；
左侧填充：30px；
}
.entrytext>h2{
字体大小：14px；
字号：600；
边缘顶部：20px；
}
城市加利里亚酒店{
颜色：#CC2244；
}
.品牌{
高度：100px；
重量：400px；
背景颜色：灰色；
}

Kungsmässan-Måste upplevas！






Sveriges bästa
城市加利里亚。Mitt
我是Kungsbacka。
35000 kVA电能表OCHÖVER 100 AFFÄRER！
LÄS MER
添加其样式的位置并添加底部：0
 
正文{
背景：白色；
字体系列：“蒙特塞拉特”，无衬线；
垫底：-1px；
}
.集装箱{
宽度：80%；
保证金：0自动；
}
标题{
背景：#fff；
}
* {
保证金：0；
填充：0；
}
标题：：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
导航{
浮动：对；
右侧填充：230px；
}
李海军{
显示：内联块；
左侧填充：45px；
填充顶部：20px；
垫底：20px；
}
导航ul{
列表样式：无；
显示：内联块；
填充顶部：25px；
}
导航a{
字体大小：12px；
颜色：黑色；
字号：600；
文字装饰：无；
文本对齐：居中；
文本转换：大写；
}
导航a：悬停{
颜色：红色；
}
李导航：悬停{
}
.fa搜索{
颜色：黑色；
字体大小：14px；
转换：scaleX（-1）；
左边距：50像素；
}
.fa酒吧{
颜色：黑色；
字体大小：14px；
左侧填充：15px；
}
导航一：悬停{
颜色：红色；
光标：指针；
}
.包裹{
宽度：80%；
保证金：30像素自动；
}
比尔先生2{
高度：350px；
宽度：50%；
背景色：#3D6BB8；
浮动：左；
}
.entrytext{
左边距：30px；
浮动：左；
边缘底部：70像素；
}
.entrytext>h1{
字号：800；
字体风格：普通；
字体大小：54px；
}
.entrytext>按钮{
边界：无；
显示：内联块；
背景色：#38b272；
颜色：白色；
填充：8px 10px 8px 15px；
字母间距：6px；
边界半径：8px；
字号：500；
字号：17px；
文本对齐：左对齐；
边缘顶部：20px；
盒影：20px 15px黑色；
}
.entrytext>按钮：悬停{
边界：无；
显示：内联块；
背景色：#c12147；
颜色：白色；
填充：8px 10px 8px 15px；
字母间距：6px；
边界半径：8px；
字号：500；
字号：17px；
文本对齐：左对齐；
边缘顶部：20px；
}
按钮：焦点{大纲：0；}
.fa右角{
字体大小：20px；
左侧填充：30px；
}
.entrytext>h2{
字体大小：14px；
字号：600；
边缘顶部：20px；
}
城市加利里亚酒店{
颜色：#CC2244；
}
.品牌{
高度：100px；
背景颜色：灰色；
明确：两者皆有；
}

Kungsmässan-Måste upplevas！






Sveriges bästa
城市加利里亚。Mitt
我是Kungsbacka。
35000kVADRAT