相対的子100％相対親の幅

Question

相対的なdivを親の幅の100％にするにはどうすればよいですか？

コードタグでコードスニペットを表示することができる私のウェブページ上のセクションを持っていますが、幅がその親コン​​テナの100％になるようにコードを配置したいと考えています）。私は多分、私はここで何か

をしないのです...他のサイトがそれを行っていると私はちょうどCSSを解読することはできませんどのように検査することを試みた

function exactly_like_how_stackoverflow_handles_snippets() { 
    return "In the same way that most websites handle code snippets"; 
} 

はhttps://jsfiddle.net/84ejfou7/

絶対位置の例であります私はコードスニペットをテキストの間に配置したい（実際には上のコードスニペットとまったく同じです。）

私は文字通り私が考えることができるすべてを試しましたが、私が働くものピクセル単位の幅を直接指定していますが、これはで、ソリューションはありません私のサイトは応答性があり、親の幅はパーセンテージであるためです。

Answer 1

あなたはブロックにコードタグの表示プロパティを設定することができます。

.parent code { 
    position: relative; 
    background: blue; 
    display: block; 
} 

jsFiddle example