2 divs width:100% flotantes left

[sebas9191]

Buenos dias, tengo algo que me está complicaqndo todo. estoy haciendo una pagina horizontall, digamos que cada sección es de width:100%; height; 100%. son del tamaño de la pantalla. lo que necesito es que floten, ya que la pagina es horizaontal, no logro que floten con float:left; no se si haya una solucion para esto. muchas gracias por su ayuda!

[pzin]

Supongo que es un problema de lógica más que nada.

Si el ancho está limitado a 100%, no puede haber nada flotado horizontalmente al 100%, porque no hay espacio. Por lo tanto el ancho debe de ser 100% multiplicado por las secciones que tienes. Es decir, si tienes 7 secciones, el ancho de body tendría que ser de 700%.

Luego cada sección, obviamente, no puede medir 100%, sino que tendrá que medir el 100% (de su contenedor) divido entre el número de secciones: 100%/7 = 14,28%

Un ejemplo con cuatro secciones, para hacerlo más fácil de entender:

Código CSS:

body {
  width: 400%; /* 100% * 4 */
}
 
section {
  float: left;
  width: 25% /* 100% / 4 */
}