CSS-- corriente de flotación estándar

el uso 1.float

// no flotan cuando 
.box1 { ancho: 100px; altura: 50px; fondo
- Color: Rojo; } .box2 { Ancho: 50px; altura: 50px; fondo - Color: Verde; }

// primera caja flotante, segunda caja flotante cuando --- no fluye desde el primer, el segundo se convierte en la "primera" 
.box1 { ancho: 100px; altura: 50px; fondo
- Color: rojo; un flotador : a la izquierda; } .box2 { ancho: 50px; altura: 50px; fondo - color: verde; }

// flotar todo el tiempo
.box1 { 
    anchura: 100px; 
    altura: 50px; 
    fondo - color: red;
    flotar : a la izquierda; 
} 
.Box2 { 
    anchura: 50px; 
    altura: 50px; 
    fondo - color: green;
    flotar : a la izquierda; 
}

 

 

 

elementos flotantes flotan se estancará. Nota: Si un etiquetas span flotantes no tienen por qué convertirse en un elemento en bloque, se puede ajustar la anchura, la altura. Todas las etiquetas tienen ninguna rama región flotante, el bloque.

2. El elemento flotante tiene "alrededor de la palabra" Efectos

<Div> casete. 1 </ div> 
<P> 12345 texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto 
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto carácter de texto
de caracteres del texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
texto palabra del texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
texto palabra del texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </ p>

 

 

div dejó flotando, sin p flotante, p div bloqueado, pero el texto no está bloqueado p, formar una "palabra alrededor" efecto. 

propiedades de flotación: apagado, Welt, la contracción palabra circunferencia estándar.

Contracción: un elemento flotante, si no hay un ancho establecido, a continuación, el texto se reduce automáticamente al ancho (esto es muy parecido a los elementos en línea).

 

Supongo que te gusta

Origin www.cnblogs.com/zyueer/p/12523891.html
Recomendado
Clasificación