şöyle örnekleyeyim

<div class="genelcontent">
   <div class="div1"></div>
   <div class="div2"></div>
   <div class="div3"></div>
       <div class="ayri-icerik">
          Bu kısam yanyana 3 kutu haricinde bir içerik eklenecek, aynı zamanda contentin içinde bulunsun istiyorsun.
       </div>
</div>

bu şekilde float:left kullanırsan 4. div elemanı yani ayri-icerik önceki elemanın float:left özelliğine göre davranır ve kaymalar yaşanabilir. Bunu engellemek için 3. elemandan sonra temizleme işlemi yapıyoruz. Senin çalışmanda footer için yapmış olduk evet. Bunu yapman her zaman sağlıklı olacaktır. yükseklik değerini de "height: 100px" gibi piksel olarak belirleyebilirsin. ancak height kullandığın zaman bazı şeyleri de eşzamanlı düşünmen gerek. örneğin o kısma eklenecek içerik 100px'den büyük ise ne olacak ? bu durumda aşağı doğru genişlesin istiyorsan min-height kullanman daha mantıklı olacaktır height yerine. veya içerik 100px yüksekliğin içinde scrollbar ile kaydırılsın istiyorsan overflow-y: auto eklemelisin. Ya da uzayan içerik tamamen görünmesin dersen overflow:hidden eklemelisin. sağlıklı sonuçlar için bunları eşzamanlı düşünmen gerek.