Füllen verbleibenden Platz mit Links div
Kann mir jemand sagen, wie man eine linke div-füllen Sie den verbleibenden Platz, ohne Festlegung der Rechte div-Größe.
Will ich das genaue Gegenteil von dem folgenden Beispiel:
.left {float: left; border: 1px solid blue;}
.right {overflow: hidden; border: 1px solid blue;}
Der Rechte div soll nur die Größe, die es braucht, das linke div-Element nehmen Sie alle verbleibenden Speicherplatz.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Der Rechte div mit einer festen Breite muss
float:right;
dann wird der linke div-muss so bleiben, wie es ist, so kann es seine volle zur Verfügung stehende Breite, aber da Sie wollen, dass der Rechte div behoben werden, müssen Sie Sie zuerst.HTML:
CSS:
Check it out, eine Feste Breite von 100px: http://jsfiddle.net/dkGbd/
Feste Breite von 200px: http://jsfiddle.net/eESTZ/
Nun, wenn Sie wollen das Gegenteil, der linke div-zuerst, geben Sie es ein
float:left;
Beispiel arbeiten:
http://jsfiddle.net/UShek/
Meiste von dem, was Sie tun müssen, ist Umgekehrt die css-und html um, was Sie hier Tat. Das schwebende element muss immer der erste sein.
Dann die CSS wäre
Update:
Hier ist die fiddle
Glaube ich, der effizienteste Weg ist mit "display : flex", eine neue CSS-3-Methode. Sie können nach diesen zu lernen, mehr über diese erstaunliche display, profitiere ich sehr mit dieser. 😉