2009-08-19 10 views

Répondre

0

Vous avez juste besoin d'un élément de compensation en dessous des < div class = "tagPlaces" > pour le petit déjeuner:

<div class="tagPlaces"> 
    <h3><span id="ctl00_ContentPlaceHolder1_TagListView_ctrl2_TagName">Breakfast</span></h3> 

    remaining div content 
</div> 
<div style="clear: both"></div> 
+1

Règle de base: N'ajoutez pas d'éléments supplémentaires lorsque vous n'en avez pas besoin. – Quentin

+0

Mais le parent de tagPlaces a le clearfix appliqué. Ne devrait-il pas le faire, puisque je suis en train de faire flotter les tags? – Kon

+0

Je crois que c'est parce que le clearfix devrait être appliqué à chaque conteneur tagPlaces, pas seulement au parent. J'ai essayé de le faire et n'ai pas eu de chance avec ça. Dans mon expérience, un élément d'effacement explicite est le plus régulièrement affiché, en particulier par nos «amis» dans la famille du navigateur IE. – Pat

5

En raison de la combinaison de:

  • Le groupe bar est flottant
  • Il y a de la place à côté du groupe de barres pour le groupe BYOB
  • Le groupe BYOB est clear: none (par défaut)
  • Le groupe entre « bar » et « BYOB » est plus courte que « bar », en laissant un espace en dessous, mais à côté de « bar »

Set clear: left sur chaque troisième groupe après la première (1,4,7 , 10, etc.)

+0

Je pense que vous voulez dire le 4ème groupe. – Joel

+0

Hmm ... ça semble être ça! Je ne suis pas tout à fait sûr pourquoi il y a de la place pour BYOB à côté de Bar? Je suppose que cela est lié à des hauteurs variables? Parce que si je règle la hauteur à 200px dans tous les groupes, le problème disparaît. Je vais le prendre, mais je ne serai pas heureux à ce sujet! :) – Kon

+0

@Joel Non. Chaque tiers: # 1 (bien que vous n'en ayez pas besoin), # 4, # 7, etc. – Quentin

Questions connexes