min-width ne fonctionne pas
Je veux créer un div qui en mesure d'élargir la largeur lors de la saisie de l'utilisateur le texte
J'ai tenté de
width:100%;
max-width:600px;
min-width:300px;
Mais cette div rester juste à 600px, est-ce une façon de garder la largeur séjour à 300px et en mesure d'étendre à 600px base sur la longueur du contenu?
Vraiment heureux si vous pouvez aider. Grâce
OriginalL'auteur wayne | 2011-05-20
Vous devez vous connecter pour publier un commentaire.
Réglage de la div pour
display: inline-block
permet de changer la largeur en fonction du contenu.Contraire, comme un élément de niveau bloc, la div prendra jusqu'à 100% de l'élément conteneur (ou si grand, vous définissez
max-width
).Voici un exemple:
http://cssdesk.com/Bwp8E
OriginalL'auteur Nick Tomlin
Essayer:
OriginalL'auteur Ryan Olds
Je viens de mettre à jour le "min-width" page sur MDN avec cette information:
Dans certains navigateurs, sur iOS, un
<button>
élément dans son pays d'origine (par défaut) configuration ne permettra pas de répondre àmin-width
. Ce problème est dû à natif de boutons. Un<span>
à l'intérieur d'un natif bouton présentent le même problème, malgré le fait d'avoirdisplay:inline-block
ensemble. Lorsque des modifications sont apportées à d'autres paramètres de style et le navigateur est forcé d'abandonner le natif de bouton, lemin-width
paramètre prend effet.OriginalL'auteur IAM_AL_X
Assurez-vous que le div ou de l'espace de votre travail n'est pas:
position:fixed;
Il doit être quelque chose comme:
position: relative;
ouposition:absolute;
OriginalL'auteur Baza207