2010-11-06 12 views
8

alt textकैसे सीएसएस

के साथ एक बॉक्स के नीचे सीमा को हटाने के लिए मैं एक आयताकार div है, एक मैं अपने div में लंबाई सी-डी छोड़ करना चाहते हैं have.i, मैं कैसे ऐसा कर सकते हैं की तरह ?.

संपादित करें: - सीएसएस में आप शीर्ष के लिए अंक प्रदान करते हैं और छोड़ दिया और फिर चौड़ाई और ऊंचाई - यहाँ मेरी सीएसएस

#index-03 { 
    position:absolute; 
    border: .1px solid #900; 
    border-width: .1px; 
    border-style: solid; 
    border-color: #900; 
    left:0px; 
    top:102px; 
    width:900px; 
    height:27px; 
+5

इसका क्या मतलब है इसे छोड़ दें? कहाँ से? आपका कोड कहां है? – Oded

+0

मैंने अपना div 1px सीमा दी है। मैं 1 सीएक्स सीमा को लंबाई सी-डी में छोड़ना चाहता हूं। – Gandalf

+1

आपको सीमा-तल का उपयोग करने की आवश्यकता होगी: कोई भी नहीं। –

उत्तर

36

बस में जोड़ें:। border-bottom: none;

0,123,
#index-03 { 
    position:absolute; 
    border: .1px solid #900; 
    border-bottom: none; 
    left:0px; 
    top:102px; 
    width:900px; 
    height:27px; 
} 
+3

यहां पाठकों के भविष्य के संदर्भ के लिए [डब्ल्यू 3 सी विनिर्देश में परिभाषित सीमा गुण] हैं [http://www.w3.org/TR/CSS2/box.html#border-properties) –

+1

प्रो टिप: ऑर्डर मायने रखता है। यदि आप सीमा से पहले 'सीमा-तल: कोई नहीं; 'सेट करने का प्रयास करते हैं: .1px ठोस # 900;' तो यह काम नहीं करेगा। –

+0

@ लेवीफुलर धन्यवाद, आपने मुझे बहुत समय बचाया! – Germain

2

आप बॉक्स मॉडल गलत लग रहे है इन सभी कि एक बॉक्स के लिए आवश्यक हैं कर रहे हैं सटीक माप के साथ रखा जाना है।

width संपत्ति C-D है, लेकिन यह भी A-B है। यदि आप इसे छोड़ देते हैं, तो div की परिभाषित चौड़ाई नहीं होगी और चौड़ाई को इसकी सामग्री द्वारा परिभाषित किया जाएगा।


अद्यतन (प्रश्न पर टिप्पणी के बाद:

अपने सीएसएस करने के लिए एक border-bottom-style: none; जोड़े नीचे केवल से इस शैली को दूर करने के

+0

यदि आपके पास एक मिनट है, तो मैं आपको yahoo.com पर एक नज़र डालना चाहता हूं। नीचे नीचे, आपको 'मार्केटप्लेस' div मिलेगा। आपको लगता है कि उन्होंने ऐसा कैसे किया। – Gandalf

+0

यह एक ठोस सीमा के साथ सिर्फ एक डीआईवी है। वह डीआईवी तीन और डीआईवी के लिए एक कंटेनर भी है। –

1

तुम बस ऑटो के लिए चौड़ाई सेट कर सकते हैं तो फिर।। अगर यह कोई सामग्री नहीं है div की चौड़ाई 0 के बराबर होगा

width:auto;