Mis preguntas)

¿Alguno de estos métodos es preferido por un diseñador web profesional?

¿Algunos de estos métodos son preferidos por un navegador web al dibujar el sitio web?

¿Todo esto es solo una preferencia personal?

¿Hay otras técnicas que me faltan?

Nota: las preguntas anteriores se refieren al diseño de un diseño de varias columnas

flotador izquierdo;

http://jsfiddle.net/CDe6a/

Este es el método que siempre utilizo al crear diseños de columnas, y parece que funciona bien. Sin embargo, el padre colapsa sobre sí mismo, así que solo debes recordarclear:both; después. Otroestafa Lo que acabo de descubrir fue la incapacidad de alinear el texto verticalmente.

pantalla: en línea;

Esto parece corregir el problema del padre colapsado, pero agrega espacios en blanco.

http://jsfiddle.net/CDe6a/1/

Eliminar el espacio en blanco de html parece ser la solución más fácil a este problema, pero no es deseable si usted es realmente exigente con su html.

http://jsfiddle.net/CDe6a/2/

pantalla: bloque en línea;

Parece comportarse exactamente igualdisplay:inline;.

http://jsfiddle.net/CDe6a/3/

pantalla: tabla-celda;

http://jsfiddle.net/CDe6a/4/

Funciona perfecto.

Mis pensamientos:

Estoy seguro de que me estoy perdiendo un montón de cosas, como ciertas excepciones que romperán el diseño, perodisplay:table-cell; Parece que funciona mejor, y creo que comenzaré a reemplazarfloat:left; Como siempre parezco desordenarclear:both;. He leído muchos artículos y blogs sobre esto en la web, pero ninguno de ellos me da una respuesta definitiva sobre lo que debo usar al diseñar mi sitio web.