¿Qué es FloatControl en HTML?

controles de flotador CSS hacen exactamente lo que su nombre indica: hacen que los elementos HTML flotan en la página, por lo que se pueden colocar los elementos sin necesidad de utilizar tablas HTML. La propiedad float es una parte importante de la CSS "modelo de caja", que determina el diseño de una página web. Mientras que la propia propiedad float utiliza pocas variables, otras propiedades CSS también determinan el aspecto de los elementos flotantes.

flotador Definido

En el CSS "modelo de caja," cada elemento de una página web se define como una caja y se coloca mediante una o más propiedades. Las posiciones propiedad float una caja a la izquierda oa la derecha en relación con los otros cuadros a su alrededor. La propiedad float aparece como "float: left" o "float: right" y una caja flotante aparecerá normalmente en la parte situada más a la izquierda o de la extrema derecha del elemento que está flotando dentro.

Propiedades con efectos del flotador

Debido a su simplicidad, debe utilizar otras propiedades CSS para controlar la posición de la caja flotante. Utilice la propiedad de relleno para posicionar la caja flotante dentro de un elemento "contenedor". Para especificar el espacio entre la caja flotante y otros elementos, utilice la propiedad de margen. Para hacer flotar un bloque de texto en una columna, utilice la propiedad width para especificar el ancho de la columna. El orden de las etiquetas HTML y el contenido también determina cómo los objetos flotaban se relacionan con los demás elementos de su alrededor. Por ejemplo, puede crear una columna flotado de texto, e incluir una foto flotaba dentro de ese texto.

Eliminación de un flotador

De forma predeterminada, los elementos que siguen a una caja flotante en el código HTML se envuelva alrededor de él. Por ejemplo, si usted flota una imagen a la derecha, texto que sigue a la imagen se "flujo" de la parte izquierda de la imagen. Para cambiar esto para que otros elementos no se dividan, debe borrar el flotador mediante la adición de una etiqueta para el código HTML que tiene la clara propiedad CSS aplicado. El uso de "clear: both" obligará al siguiente elemento debajo de la caja flotante. El uso de "clear: left" o "claro: la derecha" son útiles para la "acumulación" elementos flotantes de manera similar.

Aprender a flotar

A pesar de que la propia propiedad float es simple, otras propiedades CSS afectarán el aspecto de su contenido flotado. Además, los navegadores más antiguos, como Internet Explorer 6.0 no manejan el contenido flotado tan sistemáticamente como los nuevos navegadores, lo que requiere código adicional para visualizar el contenido correctamente. Tutoriales en la propiedad float pueden ayudar a entender las complejas relaciones entre los elementos flotantes.