Html 为什么我的CSS不合作？

好吧，也许我有点不知所措，但我正在尝试重新创建一个主页，将两个背景图像合并到我的CSS中。我尝试使用一个作为顶部图像和一个作为底部图像，在中间是一个具有链接和图像的表。然而，由于某种原因，我很难把它全部拉到一起，使它看起来像一个平滑的图像

例如，我的container类（如下所示）只在topBox类周围放置了一个边框，而不是整个container div。我希望所有3个div周围都有一个边框（来自container类），这样看起来就像它的一个图像一样。这是我的HTML和CSS

我做错了什么？提前感谢您的帮助

#容器{
浮动：左；
宽度：继承；
高度：400px；
左边距：自动；
右边距：自动；
边框：1px实心#000000；
}
.boxTop{
位置：相对位置；
左:100 ;；
顶部：100；
宽度：继承；
高度：95px；
背景图片：url(http://ejgh.org/templates/ejgh/images/HL_logo.jpg);
背景重复：无重复；
/*在此处放置背景图像css代码，并删除上面的行*/
背景位置：左0px顶部0px；
背景尺寸：300px；
}
.盒子{
位置：相对位置；
左:100 ;；
排名前100名；
宽度：350px；
高度：550px；
边框：0px实心#000000；
}
.boxBtm{
位置：相对位置；
左:100 ;；
排名前100名；
宽度：继承；
高度：95px；
背景图片：url(http://ejgh.org/templates/ejgh/images/healthyLifestyles_bottom.gif);
/*在此处放置背景图像css代码，并删除上面的行*/
背景重复：无重复；
背景位置：左0px底部0px；
背景尺寸：300px；
}

加入健康的生活方式，享受会员的好处

了解更多有关我们提供的课程、支持小组和健康筛查的信息

观看WWL-TV上的健康生活方式电视片段

阅读《泰晤士报》上最新的健康生活方式杂志

非常简单的答案，只要去掉id容器的高度，它就会工作。我希望这就是你想要的；）

答案很简单，只要去掉id#容器的高度就可以了。我希望这就是你要找的；）

您已经在容器上设置了特定的

高度

，因此您的

边框

仅为该高度。如果您将高度设置为750像素，它将正常工作

#容器{
浮动：左；
宽度：继承；
高度：750px；
左边距：自动；
右边距：自动；
边框：1px实心#000000；
}
.boxTop{
位置：相对位置；
左:100 ;；
排名前100名；
宽度：继承；
高度：95px；
背景图片：url(http://ejgh.org/templates/ejgh/images/HL_logo.jpg);
背景重复：无重复；
/*在此处放置背景图像css代码，并删除上面的行*/
背景位置：左0px顶部0px；
背景尺寸：300px；
}
.盒子{
位置：相对位置；
左:100 ;；
排名前100名；
宽度：350px；
高度：550px；
边框：0px实心#000000；
}
.boxBtm{
位置：相对位置；
左:100 ;；
排名前100名；
宽度：继承；
高度：95px；
背景图片：url(http://ejgh.org/templates/ejgh/images/healthyLifestyles_bottom.gif);
/*在此处放置背景图像css代码，并删除上面的行*/
背景重复：无重复；
背景位置：左0px底部0px；
背景尺寸：300px；
}

加入健康的生活方式，享受会员资格带来的好处

了解更多有关我们提供的课程、支持小组和健康筛查的信息

观看WWL-TV上的健康生活方式电视片段

阅读《泰晤士报》上最新的健康生活方式杂志

您在容器上设置了特定的

高度，因此您的
边框将仅为该高度。如果您将高度设置为750像素，它将正常工作


#容器{
浮动：左；
宽度：继承；
高度：750px；
左边距：自动；
右边距：自动；
边框：1px实心#000000；
}
.boxTop{
位置：相对位置；
左:100 ;；
排名前100名；
宽度：继承；
高度：95px；
背景图片：url(http://ejgh.org/templates/ejgh/images/HL_logo.jpg);
背景重复：无重复；
/*在此处放置背景图像css代码，并删除上面的行*/
背景位置：左0px顶部0px；
背景尺寸：300px；
}
.盒子{
位置：相对位置；
左:100 ;；
排名前100名；
宽度：350px；
高度：550px；
边框：0px实心#000000；
}
.boxBtm{
位置：相对位置；
左:100 ;；
排名前100名；
宽度：继承；
高度：95px；
背景图片：url(http://ejgh.org/templates/ejgh/images/healthyLifestyles_bottom.gif);
/*在此处放置背景图像css代码，并删除上面的行*/
背景重复：无重复；
背景位置：左0px底部0px；
背景尺寸：300px；
}