CSS：含める方法はありますか？

Question

#foo { 
 
    position: absolute; 
 
    height: auto; 
 
    top: 300px; 
 
} 
 
#foo:before { 
 
    content: ""; 
 
    display: block; 
 
    height: 100px; 
 
    margin-top: -100px; 
 
}

<div id="foo"> 
 
    <a href="#">Link to something</a> 
 
</div>

それの寸法に:before疑似クラスの中にあるものを含むようにposition: absoluteを持つ要素のためのルールがありますか？ #fooの高さにはアンカー要素のみが含まれています。 300ピクセル：

EDIT は：そのリンクは、まだ正確に上部に表示されますので、前に、負の上マージンを持っています。

Answer 1

はい。実際にはfoo：のコードが動作していました。 内容のスタイルfoo：beforeが空に設定されているか、何とか見えるようにする他のCSSスタイルはありません。クロムにここ

#foo { 
 
    position: absolute; 
 
    height: auto; 
 
    top: 300px; 
 
    border: 1px solid; 
 
    padding: 10px; 
 
} 
 
#foo:before { 
 
    content: "asd"; 
 
    display: block; 
 
    height: 100px; 
 
    border: 1px solid 
 
}

<div id="foo"> 
 
    <a href="#">Link to something</a> 
 
</div>