Question

因此，如果父div的高度为100％，那么您可以将子项设置为100％并且它将起作用。但如果父级的高度由内容决定，那么height属性似乎不起作用。

是否有适合大多数浏览器的合适解决方法？

<html>
<head>
<style>
#content img
{
    display: block;
}
#left
{
    float: left;
}
#right
{
    float: left;
    width: 200px;
    border: thin solid;
    height: 100%;
}

</style>
</head>
<body>

<div id="content">
    <div id="left">
        <img src="images/dc_logo.png"/>
        <img src="images/dc_logo.png"/>
        <img src="images/dc_logo.png"/>
    </div>
    <div id="right">
        stretch full height plz
    </div>
</div>

</body>
</html>

Answer 1

不，没有，这是一种耻辱。有一些小技巧可以模仿效果，但这些都是情境化的。例如，如果您有侧边栏和主要内容区域，则可以将它们包围在容器中，并为容器提供垂直重复的背景，使其看起来像是侧边栏。或者您可以使用JavaScript动态计算onload大小。但不幸的是，纯粹是CSS，你被困住了。

CSS液体父母的工作能否达到100％的高度？

1 个答案: