2009-10-21 6 views
1

J'ai une boîte de commentaires comme si ...Position Corrigé dans CSS dans un cadre de sélection?

<div id="comments"> 
    ... 
</div> 

Maintenant, dans ce commentaire div J'ai une autre div appelé boîte ...

<div id="comments"> 
    <div id="box"> 
     ... 
    </div> 
</div> 

La boîte div est la position: fixe et fonctionne plutôt bien, mais ...

Ce que je voudrais est, au lieu de la boîte div "flottant" au-dessus de tout le contenu, pour qu'il être seulement défilement dans le commentaire div.

Dois-je utiliser JavaScript pour ça?

+0

appartient à doctype –

+0

Pourriez-vous ce que vous entendez par « seulement dans le commentaire scrollable div »? En outre, "flottant" signifie quelque chose de très spécifique dans CSS, et ce n'est pas ce que vous voulez dire. Quand vous dites "flottant", faites-vous référence à #box apparaissant devant un autre contenu? – outis

+0

Bien sûr, lorsque vous positionnez: fixe un élément, il le fait: http://www.bluelounge.com/index.php (faites défiler la page). Je voudrais cette fonctionnalité, mais seulement pour se produire dans un div (pas la page entière) - espérons que cela a du sens – user179115

Répondre

2

Vous n'avez pas besoin de JS pour cela. Ajoutez simplement le débordement: faites défiler et définissez le DIV externe à la taille fixe. Ensuite, si DIV interne est plus grand que div externe, vous verrez la barre de défilement (s)

Vous pouvez essayer on this page

1
<style> 
    #comments { overflow: auto; height: 200px; } 
</style> 

<div id="comments"> 
    <div id="box"> 
     ... 
    </div> 
</div> 

Donnez une hauteur appropriée pour le conteneur div (commentaires) et auto oveflow fera une barre de défilement si le contenu dépasse la hauteur du conteneur.

Overflow: the 'overflow' property