Question

<body> 
    <div> 
        <div id="ROOT" > 
            <div id="ROOT_0" > 
                header  
            </div> 

            <div id="ROOT_1" > 
                <div id="ROOT_1_0>
                    Hi<br />
                    My<br />
                    Name<br />
                    Is<br />
                    Marco<br />
                </div

                <div id="ROOT_1_1>
                    I<br />
                    am<br />
                    Marco<br />
                </div>
            </div

            <div id="ROOT_2" > 
                footer
            </div> 
        </div> 
    </div>
</body>

如您所见，ROOT_1_0和ROOT_1_1位于ROOT_1，但它们的高度不同。我可以在不使用height：属性的情况下放置相同的高度吗？欢呼声

Answer 1

我假设您不想使用height，因为您不知道要填充多少像素，但请尝试height: 100%。

Answer 2

首先，您应该修复示例HTML中的错误标记（id="ROOT_1_0>中没有结束引号，</div上的符号没有大于符号等）。

其次，我建议在em s中为两个方框指定最小高度。 Ems相对于当前元素的字体大小，因此它们是可扩展的。如果IE6是一个问题，你可以指定高度和溢出：auto;仅适用于IE6。

如果假设ROOT_1_0和ROOT_1_1彼此相邻（例如，通过更改宽度并浮动它们），请考虑使用faux columns。

CSS - 在同一容器中的2个不同div上具有相同的高度

2 个答案: