2012-04-12 11 views
0

Es gibt Spannweiten:Spannweiten nebeneinander die gleiche Höhe

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

Nun, wenn Spalte A oder B unterschiedliche Höhen haben, das alles auseinander fällt. Wenn A 40px Höhe hat, möchte ich, dass B die gleiche Höhe hat. In anderen Worten automatisch erweiterte Höhen sein. Wie ist es möglich?

+0

Wie setzen Sie die Höhen atm? Nur basierend auf dem Inhalt? – Dave

+0

nur basierend auf dem Inhalt ja –

+0

Würde es helfen, wenn Sie Span B in Span A setzen? –

Antwort

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

die One True Layout trick of Equal Height Columns die Spanne mit einem contanier div und verwenden Dies sollte, sollten Sie den Trick

+0

Das ist ok, aber die Höhe ist durch Spalte A oder B definiert, es kann nicht fixiert werden. –

+0

Wenn Inhalt A zu lang ist, benötigt er 2 Zeilen, um die Höhe zu erhöhen –

1

glaube ich sorround die beiden Spannweiten die gleiche Höhe haben, um sicherzustellen.

Sie müssen auch die word-wrap: break-word;-Eigenschaft in beiden span verwenden.

Es ist besser, es in jsfiddle zu sehen: http://jsfiddle.net/y7TDQ/1/

Verwandte Themen