Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Yazılım Geliştirme
  • Asp / Asp.NET
  • Bu Konuda
Şimdi Ara

navigation bar yapımında overflow:hidden özelliği nasıl çalışıyor?

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Daha fazla göster butonu
Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
1 Misafir - 1 Masaüstü
5 sn
2
Cevap
0
Favori
101
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj
  • <!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>
    </head>
    <style>
    ul{list-style-type: none;
    background-color:yellow;
    }
    li{float:left;
    padding:14px 16px;}
    </style>
    <body>
    <ul>
    <li>AAAAA</li>
    <li>BBBBB</li>
    </ul>


    </body>
    </html>

    Ben bu kodu çalıştırdığımda background-color görünmüyor ancak ul { overflow:hidden;} eklediğimde çalışıyor. Burada overflow:hidden taşmaları göstermeyecek anlımına geliyorken burada nasıl bir görevi var. Overflow'un tam olarak görevi burada nedir? Yardımlarınız için şimdiden teşekkür ederim.



  • Güzel soru, söylediğiniz gibi "overflow:hidden" taşan kısımları göstermemek içindir ve çok kullanılır ama buradaki davranışının nedeni önemli tabi.

    Şöyle düşünürsek rahat ederiz:
    ul'ye overflow:hidden; verdiğimizde, yüksekliği içindekinin yüksekliğine göre otomatik ayarlıyor. Yani ul{height:20px} yazmış gibi. ul{height:20px} yazınca da sarı background gözüküyor.

    Aslında gerçek cevap biraz daha karışık, oradaki "float: left;" ile alakalı konu.

    Link vereyim dedim ama tam linki bulamadım, izah edemiyorum şimdilik üzgünüm.

    Merak edenler için, konuyu araştırabilmeniz için anahtar kelimeler şunlar:
    CSS overflow:hidden float



    < Bu mesaj bu kişi tarafından değiştirildi voenetto -- 31 Ağustos 2016; 17:14:20 >
    • Yapay Zeka’dan İlgili Konular
    S image nedir nasıl kullanılır *
    16 yıl önce açıldı
    Cheat Engine ile aynı işlevi gören program?
    10 yıl önce açıldı
    One UI 7, önemli olmayan bildirimleri filtrelemeyi kolaylaştıracak
    geçen ay açıldı
    Daha Fazla Göster
    
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz, DH'yi kullanırken depoladığımız çerezlerle ilgili veri politikamıza gözatın.
Kabul Ediyorum