Ben css menü yapımı

Question

kabın içine içeriğini tutmak için div öğesi nasıl zorlanır. Bunun için ul kullanıyorum. Li float bıraktığımda tüm lis ul dışında kalıyor. Yani ul'in yüksekliği sıfır olur. Kayan soldan sonra ul içinde nasıl ekran gösterebilirim? yapmak

bir yolu bazı ortak sınıf ile bir div etiketi yapmak ve net eklemektir: Her iki ona css ama bu istemiyorum. Daha iyi bir çözüme ihtiyacım var. Çocuğunuza o zaman veli temizlemek zorunda float tanımlarsanız

Answer 1

Sadece <ul> için overflow: auto; ekleyin. Bu, metnin UL'nin dışında sızmamasını sağlayacak.

Bkz: http://jsfiddle.net/6cKAG/

---

Ancak, ne yaptığını bağlı, sadece <li>display: inline; yapmak daha kolay olabilir. Tamamen yaptığınız şeye bağlı!

Bkz: İsterseniz http://jsfiddle.net/k7Wqx/

Answer 2

lütfen yardım edin. UL'nize overflow:hidden yazın.

ul{ 
overflow:hidden; 
} 

VEYA Ayrıca bunun için clearfix yöntemi kullanabilirsiniz:

ul:after{ 
content:''; 
clear:both; 
display:block; 
} 

süzülüyor elemanları (menü öğeleri) içine konumlandırılmış ortaya çıkar bu http://css-tricks.com/snippets/css/clear-fix/

Answer 3

Oku olmayan bir yüzer konteyner (ul).

Bu, ya da (nadiren açıdan kabul gören) kabın kayan sabit ya da tam olarak bu sorunu gideren applying a clearfix edilebilir.

Answer 4

div taşan metin yerine otomatik gizli veya bir kaydırma çubuğu yapma olma newline için,

word-wrap: break-word 

özelliğini kullanın.