Float Temizleme Mantığı

Grid yapılı bir sistemde float left yapılarak yan yana getirilen kutucukların kayma yapmaması için nasıl bir yöntem kullanıyorlar? Bootstrap ya da diğer frameworklar,  framework yapısını kodlarken bu temizleme işlemini nasıl yaptırıyor?

Örneğin; 12'lik grid yapıda 9 kolonluk bir içerik solda, 3 kolonluk menü sağda olsun. Bunlar haliyle float kullanılmış oluyor. Burada sormak istediğim şey şu. Bootstrap tasarımlarına bakınca kolonlardan sonra kayma yapmaması için herhangi bir temizleme div'i göremiyorum. Bu işlemi hangi seçici class'ına yazıyorlar? Önceden nasıl belirliyorlar? Kullanımı nasıl? Bilginiz var mı? 

12'lik bir yapıda 9+3 kolon için şu kodu kullanırız:

<div class="row">
	<div class="col-md-9"></div>
	<div class="col-md-3"></div>
</div>
<div class="clearfix"></div>

row içine almak bir nevi bütünlük sağlıyor. Ama "clearfix" class'ı ise temizlemiş oluyor, kullanılmaya da bilir. 

Kapsayıcı içinde

overflow:hidden

kullanabilirsin.

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git