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

コンテナでスパンを囲み、同じ高さの列の One True Layout トリックをdiv使用して、2 つのスパンが同じ高さになるようにする必要があると思います。

word-wrap: break-word;また、両方でプロパティを使用する必要がありますspan。

jsfiddle で確認することをお勧めします: http://jsfiddle.net/y7TDQ/1/

Answer 2

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

これでうまくいくはずです