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

Question

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

Проблема видна на снимках экрана, приведенном ниже.

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

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

Главная ДИВ с overflow: hidden. Правое окно теперь влияет на ширину основного div.

Answer 1

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

«поплавков не перекрывают друг друга, и ни один не будет поплавок перекрывает элемент, который устанавливает новый контекст форматирования блока.»

Если вы используете переполнение: скрытое, чтобы создать новый контекст форматирования блока в главном div, вам больше не нужны горизонтальные поля.