Question

我希望在this网站上根据白色部分确定正确的灰色部分为100％高度。

Answer 1

您可以将显示元素作为表格和表格单元格进行播放。首先，您需要将标题放在框外（#stowet-container），并删除＃report-container（#text＆amp; .right-info）内的div上的浮动属性，以及宽度值。然后添加此样式：

#report-container{
   display:table;
}
#text , .right-indo { 
   display:table-cell;
   vertical-align :top;
}
.right-info { 
   width : 217px; /* the size of the #text will be the rest */
}

请参阅my demonstration here。

您可以尝试调整浏览器窗口的大小或向#primary添加内容，并且#secondary的高度也相同。

Answer 2

您可以在position:absolute

中使用css这样的写作

.right_info {
    background: none repeat scroll 0 0 #E8E8E8;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 0 0 10px;
    min-height: 533px;
    padding: 44px 0 0 20px;
    width: 217px;
}
#reports-container {
    position: relative;
}

Answer 3

我刚看了一下你的源代码，并提出了一个解决方案，以解决一个能够为你工作的类似问题，现在它确实使用了jQuery，即使它没有指定，我在你的源代码中注意到了我正在使用它，当谈到DIV高度时，没有太多选择。

我的博客文章解释了我所做的事情here。

在你的情况下，你想要获得1个元素的高度并将其应用到另一个元素，还有其他jQuery解决方案也可以这样做 - 这个解决方案最初设计用于计算2个元素的高度并重新调整第三个元素的大小正如博客文章中所述。

$(document).ready(function(){
    var high = $(".right_info").height();
    $(".report_sec").height(high);
});

您可以在行动here中看到这个小提琴，请注意2 div元素具有不同的高度。

我希望这有帮助！

Div Float左高100％

3 个答案: