¿Cómo mostrar tres capas div en una fila?

El atributo flotante (control de flujo) en CSS se puede utilizar en diseños de varias columnas, lo que determina cómo el resto del contenido rodea el elemento controlado.

1. Sintaxis:

¿Flotante? :?¿No? |?¿A la izquierda? |¿Verdad?

2. Parámetros:

¿Ninguno? :El objeto no flota.

¿Izquierda? :El objeto flota hacia la izquierda.

¿Verdad? :El objeto flota hacia la derecha.

3. Por ejemplo: por ejemplo, si hay tres bloques div, los atributos de identificación son div1, div2 y div3 respectivamente, el atributo flotante de los tres bloques div se puede configurar a la izquierda y se Se pueden organizar horizontalmente uno por uno.

Parte CSS:

. estilo div { ancho: 100 px;? Alto: 200px? flotador: izquierda;? Borde: ¿sólido? 1px? Verde}

Código fuente:

& ltdiv & gt

& ltdiv? id="div1"? class="divstyle " >div 1</div>

& ltdiv? id="div2"? class="divstyle " >div2 & lt/div & gt;

& ltdiv? id="div3"? class="divstyle " >div3 & lt/div & gt;

& lt/div & gt;

El efecto es como se muestra en la figura: