彼此相邻的跨度具有相同的高度

Question

有跨度：

<span style="width: 25%; float:left;">A</span><span style="width: 75%; float:left;">B</span>

现在，如果A列或B列的高度不同，那么这一切都会崩溃。如果A的高度为40px，我希望B具有相同的高度。换句话说，要自动扩展高度。怎么可能？

Answer 1

<div>
    <span style="height: 100%; width: 25%; float:left;">A</span><span style="height: 100%; width: 75%; float:left;">B</span>
</div>

这应该可以解决问题

Answer 2

我认为你应该用一个cont div来调整范围并使用One True Layout trick of Equal Height Columns来确保两个跨度具有相同的高度。

您还需要在word-wrap: break-word;中使用span属性。

最好在jsfiddle中看到它：http://jsfiddle.net/y7TDQ/1/