अपनी सामग्री को कंटेनर के अंदर रखने के लिए div तत्व को कैसे बल दें

Question

मैं सीएसएस मेनू बना रहा हूं। इसके लिए मैं उल का उपयोग कर रहा हूँ। जब मैं ली फ्लोट छोड़ देता हूं तो सभी लिस उल के बाहर हो जाता है। मेरा मतलब है कि उल की ऊंचाई शून्य हो गई है। फ्लोट बाएं देने के बाद मैं उल के अंदर ली डिस्प्ले कैसे बना सकता हूं।

ऐसा करने का एक तरीका है कुछ सामान्य वर्ग के साथ एक div टैग बनाना और स्पष्ट करना: सीएसएस में दोनों को, लेकिन मुझे यह नहीं चाहिए। मुझे बेहतर समाधान चाहिए। कृपया

Answer 1

<ul> पर overflow: auto; जोड़ें। इससे ऐसा हो जाएगा कि पाठ यूएल के बाहर रिसाव नहीं करता है।

देखें: http://jsfiddle.net/6cKAG/

---

लेकिन, आप क्या कर रहे हैं पर निर्भर करता है, यह सिर्फ <li>display: inline; बनाने के लिए आसान हो सकता है। यह पूरी तरह से निर्भर करता है कि आप क्या कर रहे हैं!

देखें: http://jsfiddle.net/k7Wqx/

Answer 2

सहायता करें यदि आप अपने बच्चे को float परिभाषित करते हैं तो आपको अपने माता-पिता को साफ़ करना होगा। अपने यूएल में overflow:hidden लिखें।

ul{ 
overflow:hidden; 
} 

या आप भी इस के लिए clearfix विधि का उपयोग कर सकते हैं:

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

पढ़ें इस http://css-tricks.com/snippets/css/clear-fix/

Answer 3

यह तब होता है जब जारी तत्वों (मेनू आइटम) के अंदर तैनात कर रहे हैं एक गैर चल कंटेनर (ul)।

यह या तो कंटेनर को तैरकर (शायद ही स्वीकार्य), या applying a clearfix द्वारा ठीक किया जा सकता है जो वास्तव में इस मुद्दे को संबोधित करता है।

Answer 4

यदि आप चाहते हैं div में उमड़ती पाठ स्वचालित रूप से बजाय छिपा या एक स्क्रॉलबार बनाने जा रहा है न्यू लाइन करने के लिए,

word-wrap: break-word 

संपत्ति का उपयोग करें।