Мне нужна помощь с переполнением CSS в IE, а именно IE 7. Я хочу, чтобы содержимое вложенного div было скрыто.Проблема с переполнением в IE 7
<div style="width:100px; height:100px; overflow:hidden; border:1px dashed red;">
<div style="width:60px; left:80px; position:relative;">hidden stuff goes here</div>
</div>
Он отлично работает в FF, но в IE 7 содержимое переполнения не скрыто.
Добавить отображение: none во внутренний div и он будет скрыт. Я думаю, что вы неправильно понимаете использование переполнения: скрытые, хотя ...
<div style="width:100px; height:100px; overflow:hidden; border:1px dashed red;">
<div style="width:60px; left:80px; position:relative; display:none;">hidden stuff goes here</div>
</div>
Вполне возможно, что вы правы во мне, недопонимая использование переполнения: скрытый, поскольку я все еще новичок во всем этом. Это было частью прокручиваемого виджета jQuery, и CSS для IE меня озадачивал. Тем не менее, я удалил позицию: относительная и используемая маржа слева, а не слева, и я получил результаты, которые мне нужны. Спасибо за помощь! –
В какой момент контент должен быть скрыт? Ваш внутренний ящик не так широк, как ящик с переполнением: скрытый, поэтому вы увидите переполнение до 100px в IE. Перемещение переполнения: скрытое во внутреннем поле, если вы хотите, чтобы оно было применено. – Tom
Если вы хотите скрыть div, вы можете использовать дисплей: none в стиле второго div. –