html body overflow problemi

AAEAAQAAAAAAAAafAAAAJDNhYmI0ODlkLTdhYTYtNDU2Mi1hZmJkLTdmZTg3MjdjZDBiYwŞimdiye kadar çok yaşadığım ve o kadar kusur kadı kızında da olur deyip pek önemsemediğim bir problemdir kendisi. Eğer direkt body altında position değeri absolute elemanlar tanımlarsanız ve bunların left yada right değerleri eksi değerler ise ekranda, özelliklede yatay eksende bir scroll etme durumu ortaya çıkıyor. Ve bu durumu body ya da html e ya da her ikisine birden overflow versenizde ortadan kaldıramıyorsunuz.

Tek yapılması gereken bu tip absolute elemanları position değeri relative olan bir div ( mesela .wrapper) içinde yazmak ve overflow u ona vermek overflow-x sorunu ortadan kalkıyor.

Body e position relative demek sorunu çözer diye düşünenlere body nin değeri zaten relative.