CSS -Auto Width Floated Element（拡張可能なフロート）

Question

私は2つのフロートのコマルムを並べて持っています。ユーザーは、そのコマルムの1つを非表示/崩壊させることができます。その場合、私は他の列を容器全体に合わせて拡張したいと思います。

これはCSSで可能ですか？

履歴書では、フロートを作成してコンテナのサイズに拡張することができますか？要素が浮かんでいても、幅：autoが拡張する必要があります。少なくともそれは私がそれがうまくいくべきだと思います。

Answer 1

左の列に暗黙のサイズがある場合、たとえば250pxで、右の列が設定されたサイズのみでフローリングされている場合、左列が崩壊したときにコンテナを埋める必要があります。コードは次のとおりです。

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

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

Answer 2

nup、私は受け入れられた答えが実際に機能するとは思わない。私は同じことを試みていましたが、これが解決策です...

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

ここでコードを遊んでください： http://jsfiddle.net/simoneast/qphgr/2/

Answer 3

セットする overflow:auto; height:auto; Floatet要素の場合:)