Quelle est la différence entre float: none: aucun
Je faisais un peu de choses à l'aide du flotteur et clair. Je n'ai trouvé aucune différence en utilisant float: none;
ou clear: none;
Est-il? quelqu'un peut-il illustrer la différence avec un exemple
Les deux
Je ne sais pas si cela peut vous aider: jsfiddle.net/QM4mm/2, même si cela peut compliquer les choses en fonction de votre connaissance de ce qui se passe pour le contenu dans la DIV Quatre.
Aussi, la quatrième div float: none; la quatrième div commencent avec la même position de pointe comme la première div. suis-je le droit? je pense pourquoi le contenu "quatre-float NONE" est écrit en dessous de la div? pouvez-vous expliquer
Je vais essayer. Flottait éléments sont pris hors de la normale de la circulation des documents.
Depuis
float
et clear
ont une valeur par défaut de none
, vous verrez donc pas d'effet de n'importe quelle combinaison, sauf si vous êtes primordial de la valeur définie ailleurs.Je ne sais pas si cela peut vous aider: jsfiddle.net/QM4mm/2, même si cela peut compliquer les choses en fonction de votre connaissance de ce qui se passe pour le contenu dans la DIV Quatre.
Aussi, la quatrième div float: none; la quatrième div commencent avec la même position de pointe comme la première div. suis-je le droit? je pense pourquoi le contenu "quatre-float NONE" est écrit en dessous de la div? pouvez-vous expliquer
Je vais essayer. Flottait éléments sont pris hors de la normale de la circulation des documents.
#four
n'est pas flotté et est un élément de niveau bloc, en tant que telle va prendre toute la largeur. Si c'est la largeur est plus petite que son conteneur marge est ajoutée pour compenser le manque de largeur. Si flottait éléments de procéder à un élément de bloc, le bloc de l'élément se comporte comme si elles n'étaient pas là et l'empilement de se produire. Comme pour le contenu de #four
, il est inline
et se terminera flottait contenu. Si la largeur de #four
était de 100% (ou un montant plus grand que le flottait éléments) serait le contenu à droite de #three
.Depuis
#four
's la largeur est inférieure à 100% et est entièrement occupé par le flottait #one
il coule tout le chemin autour de la droite et finit par en dessous. **j'espère que j'ai expliqué clairement et correctement, O. oOriginalL'auteur Shubendra | 2013-08-09
Vous devez vous connecter pour publier un commentaire.
Float:none;
indique les éléments que vous ne souhaitez pas que de flotter.Clear
indique d'autres éléments qu'ils devraient être autorisés à flotteur ou pas, et dans le cas de nul, vous autorisez la flotte sur les deux côtés. c'est pourquoi, lorsque vous utilisezclear:both;
flottantes s'arrête.Ensuite, il n'y a pas de différence, et rien pour l'illustrer. Votre question demande le titre de la différence entre les deux propriétés, et c'est ce que cette réponse est d'adressage.
codepen.io/anon/pen/srIuf - découvrez quand vous utilisez clear:none comment les éléments de la deuxième récipient continuer à flotter en vertu de la non flottant de l'élément de changement de
clear:both;
et vous pouvez voir comment effacer des pourparlers sur la base des éléments et flottent des pourparlers sur des éléments individuels.merci une tonne. qu'effacé mon doute
En effet, j'ai été faire un point sur l'OP avec mon commentaire. Je upvoted votre réponse.
OriginalL'auteur Lost Left Stack
Ils sont deux choses totalement différentes.
float
, un élément d'aligner à gauche ou à droite (le paramètre) à l'intérieur de son parent.float: none
ne fait rien, à moins que l'élément était déjà flottante. Le flotteur de l'élément de perdre, il est automatiquement rempli de largeur, et de le réduire à petit qu'il peut obtenir.clear
sera assurez-vous il n'y a pas les éléments flottants sur le côté que vous dites. Si il y en a un, il va se déplacer vers le bas jusqu'à ce qu'il n'en est aucun dans la direction donnée.clear: both
vérifiera les deux directions.Voici une illustration pour vous montrer ce que
floats
etclears
faire.float: none
etclear: none
pas avecclear: left
Aucune n'est la valeur par défaut, et ne pouvait être utilisé pour overiding un précédent déclaré clair.
si j'écris
clear: none
pour cette dernière div ce qui va se passerPuis il va juste flotter dans la zone de gris (si vous l'avez fait flotter, bien sûr, mais d'autre
clear
est inutile de toute façon).OriginalL'auteur Broxzier
Float aucun arrête un élément d'arrêter wraping autour adjacentes enfant flottant Éléments. Par défaut, tous les éléments ont float aucun.
Claire s'arrêtent tous les deux élément à enrouler autour de tout enfant flottant de gauche ou de droite.
Pour plus de détails et des exemples vivants, visitez mon tutoriel,
http://tutorial.techaltum.com/css_float.html.
OriginalL'auteur Avinash Malhotra