Код ниже работает правильно во всех браузерах, кроме IE.Переполнение не работает.Спасибо.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> #scroll { width: 500px; height: 250px; overflow: auto; } .box { position: relative; height: 100px; } </style> </head> <body> <div id='scroll'> <div class='box' style="background-color: red;"></div> <div class='box' style="background-color: black;"></div> <div class='box' style="background-color: yellow;"></div> <div class='box' style="background-color: blue;"></div> <div class='box' style="background-color: green;"></div> </div> </body> </html>
Если вы удалите « position: относительный; » из определения CSS .box, я думаю, он будет работать в FF и IE 6.0.это - и это работает в FF 3.6.8 и IE 6.0.28 (т.е. сохраняет поля 100px в пределах прокрутки div).
Это то, что вы ищете?http://snook.ca/archives/html_and_css/position_relative_overflow_ie/