Cita: 2- En realidad lo que quería ejemplificar era un div con un borde y padding. Suponiendo que el div (que contiene adentro los dos floats) mide 200px y se necesite que tenga un padding de 20px, sería correcto usar dos divs en el maquetado?
no entiendo porqué necesitas ese 2° div, si lo puedes hacer todo con 1 solo:
Código CSS:
Ver original.contenedor{
width:200px;
background:#fff;
margin:20px;
padding:20px;
border:solid 1px red;
}
Cita: Esto rige para todos los navegadores por igual?
si, salvo para el ya difunto IE 5 y el IE6 en modo Quirks (modo quircks = tener mal el doctype)
Cita: Probé los dos en varios navegadores y funcionan de igual manera. Vos cual preferís?
yo en realidad el que prefiero es overflow:hidden porque tiene lo mejor de ambos, no introduce html y además es mucho más corto que el clearfix. Cuando en determinados casos no lo puedo usar, uso un div vacío... por comodidad (y mejor compatibilidad en X situaciones con X navegadores) más que nada.