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

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

我认为你应该用一个容器来围绕跨度，div并使用等高列的一个真实布局技巧来确保两个跨度具有相同的高度。

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

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