Los problemas causados por los elementos y soluciones flotante?

elementos causan problemas flotante:

( 1 altura) del elemento padre no puede ser suavizado, y la influencia de los elementos relacionados elemento padre

( 2 ) el mismo nivel de elementos no flotante y los elementos flotantes (elementos en línea) seguirán a partir de entonces

( 3 ) si no es el primer elemento flotante, el elemento antes de que el elemento también tiene que flotar, si no afectará a la estructura de la visualización de la página

Solución: Usar CSS en claro: ambos ; resuelve atributos para borrar el elemento flotante 2 , 3 temas, para el problema 1 , añaden los siguientes estilos, los elementos se añaden a los padres clearfix estilo:

 

.clearfix: tras { 
    contenido: "" ; 
    bloqueo de pantalla; 
    altura: 0 ; 
    Limpia los dos; 
    visibility: hidden; 
} 
.Clearfix { 
    display: inline - bloque; 
} / * Para el IE / Mac * /