2013-01-08 5 views
0
<div style='width:100%;background-color:green;padding:10px;'> 
    <div style='width: 5000px;background-color:red; padding:5px;'> 
    </div> 
</div> 

http://jsfiddle.net/8xqwW/2/noeud parent extensible à son contenu largeur

div extérieur est fixé à 100% de la fenêtre, tandis que l'un interne est rendue à pleine largeur.

Y a-t-il un moyen de faire de la div extérieure pour s'étendre à la largeur interne (si elle est grande) tout en restant à au moins 100% de la fenêtre (si la div intérieure est petite)?

Je ne peux pas utiliser overflow-x: faites défiler - seul le défilement de la fenêtre est autorisé. Aussi min-width: 100% n'a pas résolu mon problème.

Si aucune solution n'existe, je peux utiliser l'événement de redimensionnement JS.

Répondre

3

essayez display:table pour div

+0

Vous ne savez pas si cela peut être considéré comme une réponse. Quels avantages afficherait: table sur le div externe si le mode d'affichage de l'enfant n'a pas changé? – Kyle

+0

@KyleSevenoaks, pourriez-vous, s'il vous plaît, reformuler votre question? Je ne comprends pas comment il est lié à l'initiale – allergic

+0

@Kyle Le point est - cela fonctionne. Cependant, vous devez être conscient de la compatibilité ... – Christoph

Questions connexes