Comment faire pour étendre une étiquette html autant que possible pour s'adapter à la largeur parent?

Question

Je veux faire un champ de texte dans ma page html pour développer autant que possible pour s'adapter à la largeur parent. Voici une image montre ce que je veux.

alt text http://static.ez2learn.com/temp/css-problem.PNG

J'essaie d'utiliser la largeur: 100%, mais le navigateur définit la largeur de elemnt que celle de sa société mère, qui ne fait aucune place à d'autres éléments, ils doivent être placés en deuxième ligne. Comment puis-je laisser l'élément se dilater autant que possible pour s'adapter à tout l'espace sur une seule ligne?

Merci.

Answer 1

Si vous voulez faire l'entrée «100% moins la largeur de ces autres choses», vous êtes dans la mise en page CSS.

Vous pouvez float: left l'étiquette, float: right une enveloppe autour des boutons, et définir les marges gauche et droite sur une enveloppe autour de l'entrée, puis réglez l'entrée width: 100%.

(Mais personnellement, les formes mises en forme liquide est l'un des endroits que je toujours recours généralement aux tables, comme la combinaison d'une série de colonnes fixe et de largeur variable est quelque chose qui s'étend facilement mise en page CSS au-delà de ses limites.)

Answer 2

Je suis d'accord avec Bobince. Je voudrais regarder dans une option de table. Je choisirais soit fixe: largeur qui fonctionne pour vous dans la table, ou essaye de faire la largeur: 100% dans la table.