Bug div scorrimento CSS IE7

StackOverflow https://stackoverflow.com/questions/67665

  •  09-06-2019
  •  | 
  •  

Domanda

Recentemente mi sono imbattuto in un bug solo di IE7 che ho pensato di condividere, quindi quando verrò su questo sito tra 6 mesi per capire la stessa cosa, lo avrò a portata di mano.

Credo che il modo più semplice per ricreare questo bug sarebbe il seguente codice html in una pagina con un doctype dichiarato (funziona correttamente in "quirks mode" / no-doctype):

<div style="overflow: auto; height: 150px;">
    <div style="position: relative;">[...]</div>
</div>

In IE7, il div esterno ha una dimensione fissa e il div interno è posizionato relativamente e contiene più contenuti (supponendo che il div interno causi un overflow).In tutti gli altri browser, sembra funzionare come previsto.

Immagine dello schermo:bug screenshot

È stato utile?

Soluzione

La soluzione più semplice sarebbe aggiungere position: relative; al div esterno.Ciò farà sì che IE7 funzioni come previsto.

(Vedere: http://rowanw.com/bugs/overflow_relative.htm).

MODIFICARE: Versione cache del collegamento interrotto su waybackmachine.org

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top