親戚親戚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