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

问题描述 投票:0回答:2

有跨度:

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

现在,如果列A或B具有不同的高度,这一切都分崩离析。如果A具有40像素高度,我想B到具有相同的高度。要自动扩展高度,换句话说。这怎么可能?

html
2个回答
1
投票
<div>
    <span style="height: 100%; width: 25%; float:left;">A</span><span style="height: 100%; width: 75%; float:left;">B</span>
</div>

这应该做的伎俩


1
投票

我想你应该sorround与容器qazxsw POI的跨度,并使用qazxsw POI以确保两个跨度具有相同的高度。

你还需要使用div财产都One True Layout trick of Equal Height Columns

这是更好地看到它的jsfiddle:word-wrap: break-word;


推荐问答