亲戚亲戚100％亲戚的宽度

Question

我怎么能有一个亲戚div是它的亲戚的宽度的100％也是亲戚？

我想在我的网页上有一段可以显示代码片段的代码标签，但是我希望能够定位代码，使其宽度为其父容器的100％（不管文本内部）。

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

我试图检查其他网站如何做它，我只是无法破译的CSS ...也许我失去了一些东西

下面是一个例子https://jsfiddle.net/84ejfou7/

绝对定位如果不是因为我希望代码片段位于文本之间（再次，完全像上面的代码片段）那么这将是完美的。

我已经尝试了所有我能想到的东西，有用的东西s直接指定以像素为单位的宽度，但这是不是解决方案，因为我的网站是响应式的，父级的宽度是百分比。

Answer 1

您可以将代码标签的显示属性设置为块：

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

jsFiddle example