Question

我怎样才能让相对div成为其父亲宽度的100％呢？

我希望在我的网页上有一个部分，我可以使用代码标记显示代码段，但我希望能够定位代码，使其宽度为其父级的100％容器（不管里面的文字）。

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

我试图检查其他网站是如何做到的，我只是无法破译css ...也许我错过了什么

的示例

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

我已经尝试了我能想到的所有内容，唯一可行的是直接指定宽度（以像素为单位）但是不是解决方案，因为我的网站是响应式的，父级的宽度是一个百分比。

Answer 1

您可以将代码标记的display属性设置为block：

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