DIV: के बाद - DIV

Question

के बाद

मैं एक साधारण वेबसाइट डिजाइनिंग रहा हूँ और मैं एक सवाल है सामग्री जोड़ने। मुझे <div>class="A" के साथ <div> के बाद सभी छवियों को विभाजित करने के लिए <div> टैग के बाद चाहिए (छवि में देखें, लाल रंग में अनुभाग)। मैं सामग्री बनाने के लिए सीएसएस ऑपरेटर :after उपयोग कर रहा हूँ:

.A:after { 
    content: ""; 
    display: block; 
    background: url(separador.png) center center no-repeat; 
    height: 29px; 
} 

समस्या यह है कि छवि विभाजक <div> के बाद दिखाई नहीं दे रहा है, लेकिन सही <div> की सामग्री के बाद, मेरे मामले में मैं एक पैरा है <p>। Div A की ऊंचाई और सामग्री के बावजूद, मैं इसे कैसे कोड करूं ताकि छवि विभाजक <div class="A"> के बाद प्रकट हो?

Answer 1

स्थिति आपके बिल्कुल निचले भाग में <div> और भूल नहीं है देने के लिए div.A एक position: relative - http://jsfiddle.net/TTaMx/

.A { 
     position: relative; 
     margin: 40px 0; 
     height: 40px; 
     width: 200px; 
     background: #eee; 
    } 

    .A:after { 
     content: " "; 
     display: block; 
     background: #c00; 
     height: 29px; 
     width: 100%; 

     position: absolute; 
     bottom: -29px; 
    }​