Augmenter la largeur du corps pour l'adapter au contenu

Question

Je veux une page HTML avec une bordure autour du contenu. Le contenu ne rentre pas sur l'écran.

Exemple:

<div style="border: solid red 1px;"> 
    <div style="width: 2000px;"> 
     Hello world 
    </div> 
</div> 

Je voudrais la DIV bordée d'être 2000 pixels de large. Cependant, il est seulement aussi large que la fenêtre d'affichage du navigateur.

Comment puis-je rendre le DIV externe aussi large que son contenu, de préférence sans Javascript?

Answer 1

Vous pouvez faire en sorte que le <div> externe se rétracte pour s'adapter à son contenu ("shrinkwrap") en ajoutant float: left.

Answer 2

Juste le flotter.

<div style="border: solid red 1px; float: left;"> 
     <div style="width: 2000px;"> 
      Hello world 
     </div> 
    </div>