Ciao,
e` un problema un po' basico ma non ne esco...
In un HTML vorrei la dimensione dell'elemento contenitore si adatatti alla altezza dell'elemento float in esso contenuto.
La colonna blu "col-sx" vorrei che "definisse la lunghezza dei box rosso "outer" e giallo "inner".
Stessa cosa per la colonna azzurra "col-sx".

Capture.JPG

Qualcuno mi sa dire come fare???

Sotto il codice che genera l'esempio.

codice:
<html>
<head>
  <style type="text/css"> 
  #outer {
    background: red;
    width: 500px;
    min-height: 200px;
    padding: 10px;
  }
  #inner {
    background: yellow;
    min-height: 200px;
    padding: 10px;
  }
  #col-sx {
    background: blue;
    padding: 10px;
    float:left;
  }
  #col-dx {
    background: cyan;
    padding: 10px;
    float:right;
  }
    
  </style>
</head>
<body>

<div id="outer">
<h1>outer</h1>
    <div id="inner">
    <h1>inner</h1>
    
        <div id="col-sx">
            <h1>col-sx</h1>
            <h1>col-sx</h1>
            <h1>col-sx</h1>
        </div>
        <div id="col-dx">
            <h1>col-dx</h1>
        </div>
    </div>

</div>

</body>
</html>