php - 液体高度格

Question

我的 CSS 布局有问题，我有一个包含两列的容器。两列的 CSS 如下所示。

 #project-desc{
    float: left;
    width: 500px; 
}

#project-images{
    float: right;
    width: 300px; 
}

我必须让它们 float ，因为我不知道有什么方法可以让两列粘在左边和右边。

问题是，根据project-desc中的内容，它会自动调整高度。但是，容器不会相应地调整它的高度，使内容偏离实际容器。容器代码如下。

#project-space{
    margin: 10px auto;
    padding: 5px; 
    width: 800px;
    height: 100%;
    min-height: 250px;

    background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#fff), to(#fff), color-stop(.2, #f2f2f2));
border: 1px solid #ccc;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

我想要的是让容器根据其中的内容高度调整其高度。我尝试从 project-desc 中删除 float 选项并且它起作用了。但是当我向元素图像添加一些东西时，它位于元素描述的顶部。

我该如何解决这个问题。

Answer 1

“clearfix”技巧通常应用于容器以实现您想要的行为。 Google 会很快为您找到对此的实现，以及某种形式的解释。

或者，您可以将容器本身向左或向右浮动。