Css kullanarak cisimlerin hizalamasını yaparken düşülen hatalardan biride absolute ve relative ilişkisidir. Css öğrenmeye yeni başlayanlar için bilinmesi gereken önemli konulardan biri iç içe iki cismin hizalanması olayıdır.

Örnek: Sayfamızda bir çerçeve var diyelim. Bu çerçeve içine menü yerleştirmek istiyoruz ama menünün sağa dayalı olmasını istiyoruz. Float yapabilirsiniz ama float havada kaldığı için genel yapıya terslik yapar. Float yapmadan bunu elde etmenin yolu.

Css Dosyası:
.cerceve{ position:relative}

.menu{position:absolute;right:0}

HTML Dosyası:

Kolay gelsin.