CSS - auto Breite Floats (expandierbares float)

StackOverflow https://stackoverflow.com/questions/3457288

  •  27-09-2019
  •  | 
  •  

Frage

Ich habe zwei gefloatete collumns nebeneinander. Der Benutzer kann eine jener collumns verstecken / kollabieren. In diesem Fall mag ich die anderen collumn erweitern den gesamten Behälter passen.

Ist das möglich mit CSS?

Im Lebenslauf ist es möglich, einen Schwimmer zu machen, um die Größe seiner Container zu erweitern? Auch wenn das Element schwimmt, wenn es Breite: Auto sollte es erweitern. Wenigstens das ist so, wie ich es denken sollte funktionieren.

War es hilfreich?

Lösung

Wenn Sie Ihre linke Spalte eine implizite Größe hat, sagt 250px und die rechte Spalt ist nur ohne feste Größe schwebt, dann sollte es den Behälter füllen, wenn die linke Spalte ausgeblendet ist. Code würde wie folgt aussehen: 

#leftcol{
width:250px;
float:left;
clear:none;
}

#rightcol{
float:left;
overflow:hidden;
width:auto; /* This may or may not work */
}

Andere Tipps

Nup, ich glaube nicht, die akzeptierte Antwort tatsächlich funktioniert. Ich versuche nur das Gleiche, und das ist die Lösung ... 

.left { 
    float: left;
}
.right {
    overflow: hidden;
    /* don't float this one */
}

mit dem Code Spielen Sie hier: http://jsfiddle.net/simoneast/qPHgR/2/

set overflow:auto; height:auto; für floatet Element :)

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top