En las tablas ya vienen definido que el ancho ocupe todo el espacio disponible, viene definido que cada tr (fila) se ubique debajo del anterior, y que cada td (celda) se ubique al lado de la anterior asignandole un ancho proporcional al ancho de la tabla de manera que entren todas las td.
Por supuesto que puedes modificar este comportamiento pero este es el punto de partida de las tablas.
En las div (caja) partes de un ancho que ocupe todo el espacio disponible, si tienes por ejemplo <body><div></div></body> ocupará todo el ancho del body. Pero sumado a esto del ancho al 100% tienes que la div genera un salto de linea, es decir, no quiere que nadie se ponga a su lado (muy mal llevada por cierto, jaja), y he aquí la cuestión, o mejor dicho el problemon.
En realidad he aquí la ventaja de la div, ya que no es tan rígida su estructura como una tabla, pero al ser tan flexible debes decirle como se debe comportar, y debes decirlo en cesesiano puro (css).
Supongamos que esas div son autos en una calle de una sola mano (dirección), y que cada auto ocupa el 100% del ancho de la calle y ninguno puede adelantarse o ponerse a la par,entonces para lograrlo uno de los vehículos debe romper la leyes de tránsito (y de la gravedad) y ponerse a "flotar" por los aires, es decir salirse de la calle ("salirse del flujo del documento"), entonces el vehículo que estaba detrás pasa a ocupar el lugar del "flotado", pero como no quiere que ante algún desperfecto le caiga encima, no se pone directamente bajo el "flotador" sino que se ubica a un lado dejando un espacio vacío igual al ancho del "flotador"( cuyo ancho no debería ser del 100% porque no se notarían cambios con respecto al inicio), entonces el vehículo que se adelanta ahora ocupa el 100% del ancho disponible (100% inicial - ancho "flotador").
Ahora supongamos que son tres los "flotadores", y tienen cada uno un ancho del 40%, entonces el tercer vehículo por más que está "flotando" quedará detrás de los otros ya que los tres superan el 100% del ancho de la calle.
También supongamos que en un cuarto vehículo viene un viejo cascarrabias, que ve como los de adelante andan flotando por los aires, y que al estar él en tierra firme no le queda otra que ubicarse en el espacio disponible dejado por el tercer flotador (100% inicial - ancho "3º flotador").
Pero como no le hace gracia decide quedarse detrás de la linea de los "flotadores", ocupando el 100% del ancho de la calle, entonces activa el botón "clear" opción "both" para que nadie flote a su izquierda ni a su derecha.
Y fueron todos felices por siempre.
FIN
Bueno, otro día probamos con naranjas y dioses del Olimpo.
Acá te dejo un articulo serio sobre el tema que no tengo dudas te va a aclarar muchísimo el panorama:
http://www.araudi.net/migracion/migr...sin_dolor.html