CSS float y el relleno

Question

Ésta es la disposición HTML:

 <div class="wrap"> 
      <div id="container"> 
       <div id="left">...</div> 
       <div id="right">...</div> 
      </div> 
     </div> 

he utilizado la float: left a la izquierda div, y float: right a la derecha div. Luego, utilicé el padding-top: 10px en el contenedor. ¿Por qué no funciona? gracias.

Este es mi primer estilo:

.wrap { 
    float: left; 
    width: 1000px 
} 

#container{ 
    background-color: #FFFFFF; 
    padding: 10px 10px 0; 
    width: 980px; 
    float: left; 
} 

#left { 
    float: left; 
    width: 670px; 
} 

#right { 
    float: right; 
    width: 300px; 
} 

Example here.

Answer 1

Cuando flota un elemento, lo está sacando efectivamente del flujo de documentos, por lo que agregar relleno a su elemento primario no tendrá ningún efecto en él. Puede usar margin-top: 10px; en sus divisiones internas.

Answer 2

corregir flotaba div justo antes de que el flotador div