vs en limpieza

Cuál es la diferencia


vs

 

??

Además, pensé

 

es una buena forma de limpiar, pero es

 

una forma correcta?

La diferencia es qué otros atributos de estilo heredas. Por supuesto, uno hereda de
y el otro de

.

Por lo general,

no tiene implicaciones de estilo especiales aparte de display:block mientras que
implica un salto de línea y una altura distinta de cero (vinculada a la altura de la fuente actual).

Pero a menudo (p. Ej., Con la omnipresente técnica de css-reset ) no hay diferencia de forma aproximada. Por lo tanto, elija el que tenga el sentido más semántico .

[ACTUALIZAR]

Para cerrar tags, use

y no

. He aquí por qué .

Gracias a los comentaristas Sebastian Celis y ephemient por la corrección de “etiqueta de cierre”.

Este es el estilo que utilizo para borrar:

 .Clear { clear: both; height: 0; overflow: hidden; } 

Uso:

 

Esto no ocupará ningún espacio adicional en la página ya que la altura es cero.

Internet Explorer tiene una extraña idea de que el contenido de cada elemento debe tener al menos un carácter alto, y otra idea extraña de que cada elemento debe ser tan alto como su contenido. Usar overflow: hidden evita que el contenido afecte el tamaño del elemento.

Yo usaría:

 

y en su CSS solo agregue:

 .clear {clear:both; height:0px; font-size:1px;} /* font-size:0px; does not work well on IE7, it works in IE8 and all other browsers. */ 

Usted podría decir, ¿por qué no?

 

Normalmente uso la clase clear después de float:left elements, y cuando utilizo el
lugar de

no parecen funcionar bien en IE7, no se borran como se supone, y en Safari4 / Chrome agregan espacio no deseado. No tuve tiempo de investigar mejor esta, así que podría ser solo un error en mi diseño, todo lo que sé es que, en este caso,

parece ser más un navegador cruzado.

Bueno, no hay diferencia, dependiendo de los estilos heredados.

Este enlace dice algo más, y recomienda: http://www.positioniseverything.net/easyclearing.html

La única diferencia que puedo pensar aquí es que

es un elemento de nivel de bloque, mientras que
es un elemento de nivel en línea.

Pero realmente se comporta de algún modo como un elemento de nivel de bloque, aparte del hecho de que se ve afectado por las propiedades CSS de line-height y font-size .

En mi opinión,
es la manera más adecuada de poner un salto de línea en su página, sobre todo porque es ampliamente aceptado y fácilmente identificable por otros que pueden no estar familiarizados con su margen.

Esto es lo que siempre uso:

  

Y donde necesito un claro:

 

También puede estar interesado en contenedores de auto limpieza: http://www.positioniseverything.net/easyclearing.html

EDITAR : Se agregó “desbordamiento: oculto” según la sugerencia de otro cartel de respuestas.

Debe tener cuidado con la / en la etiqueta.

Tuve problemas con la barra en la etiqueta way. Aunque, la mayoría de los analizadores compatibles con xml aceptarían ambos.

.clear {clear: both; tamaño de letra: 0px; línea-altura: 0px; altura: 0px; desbordamiento: oculto; }

Uso

“br” a veces tiene efectos secundarios en los navegadores Opera e IE, por lo que debe evitar usarlo

Si está escribiendo (válido) XHTML, no necesita utilizar la etiqueta de cierre, pero las tags div de cierre automático no funcionan en todos los navegadores, por lo que aún debe usarlo. es decir, tu ejemplo:

 `
`

Esto es XHTML válido (ver html vs xhtml ) pero no funciona en todos los navegadores, por lo que debe seguir con lo anterior:

Además, por lo que vale, la etiqueta
está en desuso en favor de la etiqueta (consulte la entrada w3.org en la etiqueta
)

Todos los métodos son malos. Use CSS para cambiar la apariencia de su página. Hay muchos métodos para lograr lo mismo con CSS. Tales como dar “desbordamiento: oculto”; en el elemento padre


es un elemento en línea, donde como

es un elemento de bloque. De todos modos, personalmente prefiero usar


, creo que es más semánticamente adecuado.

También podrías usar …


con reglas CSS añadidas puede hacer el trabajo, y sirve para este propósito.