Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Float uygulanmış nesnelerin tam kapsamama sorunu çözümü
#1
Merhaba,
Bu gün belki de pek çoğumuzun müzdarip olduğu bir konuya açıklık getireceğiz. Float uygulanmış elementlerin, içerisine eklenen kalıba tam sığmama sorunun çözümünü...

Görsel olarak:
clearfix_sorun.gif

Yukarıdaki sorunu basit bir kodla çözmek mümkündür aslında.

Float elementi uyguladığımız kalıbın hemen altına şu kodu ekleyin:

Kod:
<div style='clear: both'></div>

Tabi ki bunun başka yöntemleri de var fakat ben size tavsiye ettiğimi paylaşıyorum.

Sonuç:

clearfix_cozum.gif

Kod ve Resim alıntıdır.
Ara
Cevapla PGM
Teşekkür verenler:
#2
Eline sağlık.
Ara
Cevapla PGM
Teşekkür verenler:
#3
Çözüm: float kullanmayın. Kesin çözüm
Ara
Cevapla PGM
Teşekkür verenler:
#4
Yeni kodladığımız temada işime yaradı, teşekkür ederim hocam.
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping