कृपया देखें http://jsfiddle.net/ZWw3Z/छद्म तत्व गैर-छद्म तत्व की ऊंचाई का पता कैसे लगा सकता है?
<p>Text text text text text text text...</p>
p {
background-color: blue;
}
p:before {
content: '';
position: absolute;
width: 10px;
height: 100%;
background-color: red;
}
अनिवार्य रूप से, छद्म तत्व की ऊंचाई बहुत बड़ी है। मैं चाहता हूं कि यह p तत्व के समान ऊंचाई हो। मैं उसे कैसे कर सकता हूँ?
भावी पाठकों के लिए, प्रभाव बाएं हाथ की ओर टेक्स्ट पर एक बार दिखाई देना था। इसे पूरा करने के लिए, ओपी psuedo तत्व (p:before) पर position: absolute; का उपयोग कर रहा था। ठीक करने के लिए, बस <p> टैग पर position: relative; सेट -
त्रुटि ओ पी का सामना कर रहा था क्योंकि छद्म-तत्व <body> इलाज किया गया था के रूप में यह रिश्तेदार की स्थिति बात है था।
p {
position: relative;
background-color: blue;
padding-left: 10px;
/* change the padding to something larger
than the width of the :before element to
add spacing for text
*/
}
p:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 10px;
height: 100%;
background-color: red;
}<p>text... text...</p>
आप किसी बाहरी कंटेनर की जरूरत नहीं है। 'पी' में स्वयं 'पी: पहले' होता है ताकि आप अपेक्षाकृत अपेक्षाकृत 'पी' को स्थान दे सकें। – BoltClock
मैं सोच नहीं रहा था, इसे पकड़ने के लिए धन्यवाद। अद्यतन उत्तर – Ben