kayması normal web sitesinde divler yükseklik ve genişlikleri eşit olmadığında yanyana gelince kayabilir
bunun için clear özelliği kulllanılır(.ne tarafa yaslanmışlanız ona göre left(sola) , right(saga) , both(sol ve sağa))
örnek
div{clear:both;}
div{clear:left;}
div{clear:right;}
aynı zamanda bütün divlerde bir display özellği kullanmalısın
div{display:block}
yükseklik vermediğin iç öğe divlerde(divleri iç içe kullandığımızı var sayarak)
div{display:inline-block} kullanmalısın
aynı zamanda display block ile bütün html taglarını(yada elementlerini)
bir divmişçesine konumlandırabilir ve dive verilen bütün özallikleri kullanabilirsin (border,background vs)
bunun yanısıra position olayını incelemeni tavsiye ediyorum zaten adobe dw de css panelinde var en önemli sekmeleri kutu(box),position(konumlandırma), display sekmesinin olduğu kısım
neden inceleme gerekir diyorsan bu üç bölümü iyi öğrenirsen hertürlü elementi istetiğin gibi konumlandırabilirsin kolay gelsin iyi çalışmalar
aynı zamanda sorunun asıl cevabı da şu yan yana dizdiğin divleri bir kapsayıcı divin içine koymalısınız böylece iç öğelerin konumunu dış öğeler ile kontrol edebilirsiniz
ör:
<style>
.kapsayici{width:960px; margin:10px auto;}
.kapsayici>div{width:24%; float:left; margin-left:1%}
</style>
<div class="kapsayici">
<div></div><div></div><div></div><div></div>
</div>