पोजिशनिंग div तत्व क्षैतिज रूप से, लंबवत नहीं

Question

मैं नेविगेशन बार डिज़ाइन कर रहा हूं; और इसमें टैब लिंक सीएसएस आकार से बने होते हैं। इसके लिए मैं बाल तत्वों पर position: absolute का बहुत उपयोग करता हूं, और मेरे पास मूल कंटेनर position: relative पर सेट हैं। मैंने उनके लिए एक कठिन ऊंचाई और बहुत चौड़ाई भी सेट की है, और यह काम नहीं करेगा। overflow: .. का उपयोग करने के साथ भी नहीं। मेरे टैब बॉक्स लंबवत कोई फर्क नहीं पड़ता कि क्या।

मुझे इस बिंदु पर कोई संकेत नहीं है।

"navBox" वर्ग div के अंदर divs position: absolute है।

एचटीएमएल और सीएसएस कोड के लिए here (jsfiddle) पर क्लिक करें, और आउटपुट परिणाम देखें।

अग्रिम

Answer 1

धन्यवाद आप display: inline-block करने के लिए अपने .navBox वर्ग की जरूरत है। स्वाभाविक रूप से div तत्व ब्लॉक प्रदर्शित करने के लिए सेट है जो डिफ़ॉल्ट रूप से तत्व को 100% की चौड़ाई देता है। इसके अलावा, क्योंकि एक सूची डिफ़ॉल्ट रूप से float: left के लिए अपनी सूची आइटम खड़ी प्रदर्शित किया जाता है, चल छोड़ दिया आप सूची क्षैतिज

अद्यतन jsFiddle प्रदर्शित करने के लिए अनुमति देता है: http://jsfiddle.net/qLKg7/4/

Answer 2

सीएसएस: display: inline या display:inline-block।