WebKit и переполнение: скрытое влияние на ширину

Question

У меня проблема с переполнением и шириной в Google Chrome / Webkit. Это дополнительный вопрос по этому вопросу , там вы найдете CSS. Мне нужно иметь visibility: hidden, чтобы исправить проблему в первом вопросе.

Проблема видна на скриншотах ниже.

Почему этот атрибут влияет на ширину в Webkit? Могу ли я решить это без неприятных хаков? Или я могу переосмыслить свою стратегию для правой панели?

Основной div с overflow: visible. Div растягивается до правой панели, как и должно быть.

Основной div с overflow: hidden. Правая панель теперь влияет на ширину основного элемента div.

Answer 1

Это происходит из-за "контекста форматирования": http://www.communitymx.com/content/article.cfm?cid=6BC9D

"Плавания не перекрывают друг друга, и ни один не будет перекрывать элемент, который устанавливает новый контекст форматирования блока."1005 * Если вы используете overflow: hidden для создания нового контекста форматирования блока в главном div, вам больше не нужны горизонтальные поля.