Переоценка интерпретатора переполнения css

Question

Я просто скинировал веб-сайт и обнаружил, что переполнение: видимое делает две совершенно разные вещи от Firefox до IE.

Firefox просто отображает все вне контейнера ... как это:

-------------------------------- 
| div style="overflow:visible" | 
-------------------------------- 
    //overflow content from the div above 

Но IE расширяет контейнер, чтобы соответствовать переполнения ... как это:

----------------------------------------- 
| div style="overflow:visible"   | 
| //overflow content from the div above | 
----------------------------------------- 

Кто-нибудь знает, почему IE отображает его по-разному и как заставить их обоих визуализировать то же самое, как Firefox?

Спасибо,
Matt

Answer 1

Вы не сказали так, но я буду считать, что вы применили фиксированную высоту здесь, так как я не могу думать о каком-либо другом способе, чтобы получить этот эффект.

Проблема здесь не переполнение, это высота. IE к сожалению относится к высоте как минимум height, поэтому он расширяет текстовое поле, если вы его допустили (с переполнением: видимым, например).

Получение эффекта IE в firefox тривиально - вы можете просто применить минимальную высоту вместо высоты, но я не верю, что есть способ напрямую воспроизвести эффект Firefox в IE: это просто не так гибко. Однако, я могу представить себе способ обмана эффекта, если он чисто графический, используя фоновое изображение с повторением-x только для рисования линии, где вы, возможно, захотите. В противном случае вы, вероятно, смотрите на добавление дополнительной наценки, никогда не бывает хорошей.