http://jsfiddle.net/ZWw3Z/Sözde öğe, sahte olmayan öğenin yüksekliğini nasıl algılayabilir?
<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;
}
Esasen, sözde elemanının yüksekliği çok büyük bakınız. p öğesiyle aynı yüksekliğe sahip olmasını istiyorum. Bunu nasıl yapabilirim?
Gelecek okuyucular için, etki sol tarafta metin üzerinde bir çubuk göründü. Bunu başarmak için OP, psuedo elemanında (p:before) position: absolute; kullanıyordu. düzeltmek için, basitçe <p> etiketinde position: relative; set - Hata OP karşılaşmadan edildi
o göreli pozisyon noktası olarak psuedo eleman <body> tedavi çünkü oldu.
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>
Harici bir konteyner gerekmez. 'P',' p: önce 'içerir, böylece basitçe yerine' p' pozisyonunu yerleştirebilirsiniz. – BoltClock
Düşünmüyordum, bunu yakaladığın için teşekkürler. Güncelleme yanıtı. – Ben