WebKit et débordement: largeur affectée cachée

Question

J'ai un problème de débordement et de largeur dans Google Chrome/Webkit. Ceci est une question de suivi sur this question, là vous trouverez le CSS. Je dois avoir visibility: hidden pour résoudre le problème dans la première question.

Le problème est visible sur les captures d'écran ci-dessous.

Pourquoi cet attribut affecte-t-il la largeur dans Webkit? Puis-je résoudre cela sans hacks méchant? Ou puis-je repenser ma stratégie pour le bon volet?

Division principale avec overflow: visible. La div est étirée vers la fenêtre de droite, comme il se doit.

div principale avec overflow: hidden. Le volet de droite affecte maintenant la largeur de la div principale.

Answer 1

Il est dû à « contexte de mise en forme »: http://www.communitymx.com/content/article.cfm?cid=6BC9D

« Flotteurs ne se chevauchent pas, et ne sera un flotteur se chevauchent un élément qui établit un nouveau contexte de mise en forme de bloc. »

Si vous utilisez overflow: hidden pour créer un nouveau contexte de mise en forme de bloc dans la div principale, vous n'avez plus besoin des marges horizontales.