不同的容器高度

Question

我的网站上有几个页面，内容放置的容器的高度各不相同。我设置了一个最小高度，因为有些页面不是那么大，我不希望它们非常短。但现在其他页面也停在那个最小高度。我只想让容器与代码一样长，但最小高度为例如650像素。这是代码：

#container {  margin: 0 auto;  padding: 0 0 20px 0;  text-align: left;  width: 1024px;  min-height: 650px;  overflow: hidden;  background-color: rgba(255, 255, 255, 0.92);}

因为它在Joomla中，所以我没有所有页面的通用代码，但页面是这样构建的：

<div id="container> <div id="content"> </div></div>

它是使用Joomla构建的，之前我没有任何HTML问题。它们都与'template.css'相关联。

以下是该网站的链接，可能会有所帮助：

http://www.joomla.sklebekeaalst.be/kalender

如您所见，压光机被缩短，需要更长时间。

Answer 1

问题是你只设置了最小高度而不是高度。如果设置的最小高度没有高度，则高度计算为自动，并且可能会开始做非常奇怪的事情，具体取决于其包含的元素和位置。另外，如果自动高度小于最小高度，则将始终呈现最小高度。在元素和包含div上设置高度属性，例如height: 100% ;，这可能会解决问题。

Answer 2

让兄弟元素具有相同的高度只需在父容器中添加display：flex这些兄弟元素的CSS

Answer 3

我只需要为文章中的内容创建一个div，然后放一个浮点数：左边。一切都很好。