CSS ancho dinámico mayor que 100%

Question

Tengo un contenedor principal que contiene una lista de artículos flotados. El contenedor principal se expande bien hacia la derecha cuando se agregan nuevos elementos flotados.

Pero a medida que agrego más elementos y los artículos se acercan al lado derecho de la ventana, el nuevo elemento simplemente salta a una nueva fila. En su lugar, quiero que siga expandiéndose hacia la derecha, haciendo que mi contenedor primario sea más grande que el 100%.

¿Es posible definir que el ancho del contenedor sea algo así como max-width: infinite ;?

Para responder a mi propia pregunta, sé que solo puedo hacer un ancho máximo de 5000% o algo así, pero me preguntaba si existe una solución más agradable. Creo que es una especie de extraño que el alto de una página sea el ancho máximo: infinito; y el ancho de una página no puede tener el mismo comportamiento.

Quizás esta es solo una pregunta tonta, pero la pido de todos modos: P.

Answer 1

Creo que overflow:visible debería hacer el truco.

Answer 2

Por lo que sé, no se puede realizar de forma fiable este navegador cruzado sin utilizar Javascript para calcular el ancho de sus flotadores.

Luego, puede tener un div "envoltorio" alrededor de lo anterior, que asegura que oculta el hecho de que sus flotadores pueden tener un ancho de 5000px. Usar overflow-x para desplazarse dará la apariencia de que su div está en constante crecimiento.

creo que esto se debe al modelo de caja, por lo que soy consciente de que no hay contenedor que se hace más grande y más grande y más grande, sin un ancho calculado. Siempre golpeará un elemento de bloque primario a lo largo de la jerarquía DOM (think body/html) con un ancho fijo de.