Birincisi HTML ve CSS içiçedir. CSS sadece HTML taglerinin özellikleridir. div'e gelince div sayfa içinde aslında size bir nesne verir. sadece sağa sola kaydırma şeklinde değil. isterseniz iframe tarzında kullanabilirsiniz isterseniz table gibi kullanabilirsiniz, JavaScript ile istediğiniz gibi yönetebilirsiniz yani size özel bir nesne oluşturur ve kontrolünü sağlar. div mantığı HTML özelliklerinin HTML kodlarının içinde değilde dıında tek bir yerden kontrol edilmesi mantığı ile çıkmıştır. CSS HTML taglerinin HTML kodları dışında bir yerden kontrolünü sağlar ve div tagi bunun en önemli parçasıdır çünkü dilediğiniz herşeyi yapmanızı sağlar.
div'in kendi taglerı yok div zaten kendi başına bir tag yani sadece özellikleri var ve siz bunları ister CSS şeklinde ayrı olarak belirtirsiniz isterseniz HTML için de <div style=""></div> şeklinde bilirtirsiniz.
örnek vermek gerekirse bir yazının sağ üst kısmına yazanın bilgilerini belirtne bir kutucuk koymak isteyin. Yazı koca bir sayfa olsun ve kutucuk ufak olarak 100'e 100 gibi. normalde tablo ile yaparsanız kutucuğun yanına gelecek yazıları hücrelere bölmeniz gerekecek. fakat div ile ayaparsanız buna gerek yok. örnek olarak

<div style="width:100; height:100; display:block; float:right;">Yazar Bilgileri</div>yazilar buraya

burda yazılar buraya kısmına ne kadar yazı koyarsanız koyun yazar bılgılerı köşesi sağ üstte duracaktır ve yazılar kendi otomatik ona göre sayfada yer alacaktır.
Umarım anlatabilmişimdir ama div'in o kadar fazla işe yarar tarafı varki hepsini anlatmak mümkün değil ama aklınıza ne geliyorsa div ile yapabilirsiniz

teşekür ederim ben WEB programcılığı öğrencisiyim yeni yeni öğrenmeye başlıyoruz ve hocamız div i araştırmamızı istedi ve bu kadar açıklayıcı birşey bulamamıştım teşekr ederim