Yo estoy tratando de hacer que el div padre sólo tan amplia como el hijo del div. Anchura automática está haciendo el div padre ajuste a la pantalla completa. Los niños divs será anchos diferentes, dependiendo de su contenido así que tengo el div padre para ajustar en consecuencia.

<div style='width:auto;'>
<div style="width: 135px; float: left;">
<h4 style="padding-right: 5px; padding-left: 15px;">Column1</h4>
<dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;">
<dd style="white-space: nowrap;">1</dd>
<dd style="white-space: nowrap;">2</dd>
</dl>
<h4 style="padding-right: 5px; padding-left: 15px;">Column1</h4>
<dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;">
<dd style="white-space: nowrap;">1</dd>
<dd style="white-space: nowrap;">2</dd>
</dl>
</div>
<div style="width: 135px; float: right;">
<h4 style="padding-right: 5px; padding-left: 10px;">Column2</h4>
<dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;">
<dd style="white-space: nowrap;">1</dd>
<dd style="white-space: nowrap;">2</dd>
<dd style="white-space: nowrap;">3</dd>
</dl>
</div>
</div>
InformationsquelleAutor bradley4 | 2013-02-27

2 Comentarios

  1. 71

    Su interior <div> elementos deberían ser ambos float:left. Divs tamaño al 100% el tamaño de su recipiente ancho automáticamente. Trate de usar display:inline-block en lugar de width:auto en el contenedor div. O, posiblemente, float:left el contenedor y también se aplican overflow:auto. Depende de lo que buscas exactamente.

    • Gracias Madbreaks. La realización tanto de la izquierda flota es algo que no lo intenté.
  2. 20

    El div padre (supongo que el ultraperiféricas div) es display: block y se van a llenar todo el espacio disponible de su contenedor (en este caso, el cuerpo) que puede. Utilizar otro tipo de pantalla — inline-block es probablemente lo que usted va para:

    http://jsfiddle.net/a78xy/

Dejar respuesta

Please enter your comment!
Please enter your name here