Flotador un lapso inferior derecha dentro de un div

Duplicar posible:
How do I get a div to float to the bottom of its container?Flotador un lapso inferior derecha dentro de un div

Tengo este código para hacer flotar un div a la parte inferior derecha de un div. Pero el lapso se pega a la esquina superior izquierda.

<div id="color_tile" class="select_tile" title="Choose color" style="background: grey; background-image: url(wallpaper/201_color_picker.jpg);" >  
    <span id="color_picker" style="visibility: visible; display: block; float: right; vertical-align: bottom;"></span> 
</div>

¿Hay alguna otra forma de ubicar el tramo?

Fuente

2012-05-30 user823527

Otorgue al div una posición relativa y el tramo en una posición absoluta con la parte inferior y la derecha configuradas en cero. – j08691

Aclare su pregunta en el sentido de que desea mantener el intervalo en flujo con el resto de los elementos. La única solución que puedo encontrar es la que ya tienes (menos la alineación vertical, eso no tiene sentido) por lo que probablemente estés haciendo algo mal. – sg3s

Vea también: [ajuste el texto alrededor de una división inferior derecha] (http://stackoverflow.com/questions/499829/css-wrap-text-around-a-bottom-right-div). – Phrogz

Vartical-align es muy particular para ir a trabajar (que es por lo que casi nunca lo uso)

En el lapso: position:absolute; bottom:0; right:0;

y puse una altura/anchura en el div padre y usted Estará todo configurado

Fuente

2012-05-30 18:53:23 locrizak

-1 El posicionamiento absoluto del elemento no lo va a permitir "flotar" (provocar que el contenido se envuelva). – Phrogz

Si lees la pregunta, no hay otro contenido en el div. También hay dos solicitudes diferentes: "flotar un div en el lado inferior derecho" y "¿Hay una forma diferente de ubicar el tramo? Esto es resolver el último, que es la pregunta real. Supuse que el término 'float' venía de' float: right' y no era la terminología adecuada, en primer lugar, sobre lo que quería lograr – locrizak

No rechazas respuestas que son el resultado de una mala calidad de la pregunta. +1 – sg3s

Probablemente separes tu HTML/CSS uno del otro correctamente.

Su código podría ser algo como esto

HTML:

<div> 
    <span>Absolute right bottom aligned to div...</span> 
</div>

CSS:

div { position: relative; } 
div > span { position: absolute; right: 0; bottom: 0; }

Obviamente su div debe tener una cierta altura/anchura que supera a la de la luz, pero en general, esta es una forma muy aceptable de hacerlo.

Esto no hace que el contenido del div 'fluya' alrededor del tramo, pero eso no se ha especificado claramente. Como se dijo, lo que tienes allí debería funcionar en ese caso y, si no, está en el resto de tu código.

Fuente

2012-05-30 18:54:37 sg3s

Definitivamente debe separar su CSS de su HTML. –

Flotador un lapso inferior derecha dentro de un div

Respuesta

Cuestiones relacionadas