Question

我正在开发一个网站。我有这个div，里面有另一个div，名为'second'。我希望第一个div与'second'的高度相同。所以我创建了第一个div的height:：height:auto;但是这不起作用，这使得它比'second'短。如何设置第一个div的高度以匹配“第二个”div？高度需要与'second'相同的原因是因为'second'在其中扩展了内容。

Answer 1

有一些原因，外部div不像内部那样跨越。

.second已浮动。如果就是这种情况，就在外部div关闭之前添加<div style="clear:both"></div>。
.second绝对定位。没有办法解决这个问题。

Answer 2

尝试将填充设置为0，将边距设置为0。你可以忽略高度。

以下代码对我有用。

<html>

<head>
</head>

<body>

<div style="border:1px solid #ccc;margin:0px;padding:0px;">
<div style="border:1px solid #000;height:100px;">
</div>
</div>
</body>

</html>

CSS与其他Div相同的高度？

2 个答案: