html and css bottom margin doesn't work -

इस सवाल का पहले से ही एक उत्तर है: < / P>

• 4 जवाब

मुझे पता नहीं क्यों नीचे मार्जिन मेनू बार पर लागू नहीं होता है मैंने सभी प्रकार के पैडिंग, मार्जिन और सब कुछ की कोशिश की। मेरे पास कोई सुराग नहीं है कि क्या जोड़ना है या बदलने के लिए ताकि वह इसके लिए आवेदन कर सके। मैं #header से संबंधित स्थिति को बनाने की कोशिश कर रहा था और .menu के लिए निरपेक्ष था और फिर सभी तोड़ दिया मुझे नहीं पता कि मैंने क्या गलत किया?

मेरा HTML:

  & lt; body & gt; & Lt; div id = "wrapper" & gt; & Lt; div id = "header" & gt; & Lt; div id = "header_left" & gt; & lt; / div & gt; & Lt; div id = "header_right" & gt; & Lt; div वर्ग = "मेनू" & gt; नास्लोवाना & lt; / div & gt; & Lt; div वर्ग = "मेनू" & gt; पीवीसी स्टोलारीजा & lt; / div & gt; & Lt; div वर्ग = "मेनू" & gt; एएलयू स्टोलारीजा & lt; / div & gt; & Lt; div वर्ग = "मेनू" & gt; ओस्टली प्रोजवोडी & lt; / div & gt; & Lt; div वर्ग = "मेनू" & gt; संदर्भ & lt; / div & gt; & Lt; div वर्ग = "मेनू" & gt; संपर्क & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; div id = "header_line" & gt; & lt; / div & gt; & Lt; div id = "content" & gt; & Lt; p & gt; & nbsp; & lt; / p & gt; & Lt; p & gt; & nbsp; & lt; / p & gt; & Lt; / div & gt; & Lt; div id = "footer_line" & gt; & lt; / div & gt; & Lt; div id = "footer" & gt; & lt; / div & gt; & Lt; / div & gt; & Lt; / body & gt; & Lt; / html & gt;  

मेरा सीएसएस:

  @ चेर्ससेट "यूटीएफ -8"; / * सीएसएस दस्तावेज़ * / शरीर {पृष्ठभूमि: # एफएफएफ; मार्जिन: 0; गद्दी: 0; } #wrapper {backgorund: #FFF; चौड़ाई: 100%; ऊंचाई: 100%; } #header {background-image: url (struktura / header_bckg.png); पृष्ठभूमि दोहराने: दोहराने-x; ऊँचाई: 140px; चौड़ाई: 100%; } #header_left {चौड़ाई: 40%; ऊंचाई: 100%; display: inline; } #header_left img {मार्जिन: 10px 0 0 20px; } #header_right {width: 55%; display: inline; } .मेनू {चौड़ाई: 100%; प्रदर्शन: इनलाइन; फ़ॉन्ट-परिवार: "असंख्य प्रो"; फ़ॉन्ट-आकार: 20px; रंग: # 333333; मार्जिन: 0 0 0 40px; नीचे: 20px; } #header_line {पृष्ठभूमि-छवि: url (struktura / header_line.png); पृष्ठभूमि दोहराने: दोहराने-x; ऊंचाई: 5px; चौड़ाई: 100%; } # सामग्री {पृष्ठभूमि: # एफएफएफ; चौड़ाई: 100%; ऊंचाई: 600px; } #footer_line {पृष्ठभूमि-छवि: url (struktura / footer_line.png); पृष्ठभूमि दोहराने: दोहराने-x; ऊंचाई: 5px; चौड़ाई: 100%; } #footer {पृष्ठभूमि-छवि: url (struktura / footer_bck.png); पृष्ठभूमि दोहराने: दोहराने-x; ऊंचाई: 250px; चौड़ाई: 100%; }  

शीर्ष और नीचे पैडिंग / मार्जिन का इनलाइन तत्वों पर कोई प्रभाव नहीं पड़ता है।

ये एक अच्छा है जो यह समझाता है।

तो, आपके लिए इसका समाधान दिख सकता है:

 । Menuu {display: inline-block; फ़ॉन्ट-परिवार: "असंख्य प्रो"; फ़ॉन्ट-आकार: 20px; रंग: # 333333; मार्जिन: 40px; नीचे: 20px; }