次のコードは、親要素の幅の 100% にまたがる疑似要素を作成する必要があります。ただし、これは Firefox では機能しませんが、Chrome では機能します。Firefox は.parent
'sを無視するようposition:relative
です。これはバグですか?
HTML
<div class="parent">
</div>
CSS
.parent{
background:red;
width:100px;
height:100px;
position:relative;
display:table-cell;
}
.parent:after{
left:0;
content:'';
right:0;
top:10px;
height:20px;
background:green;
position:absolute;
}
この画像をクロムで見る
そして今、この結果をfirefoxで見てください