Question

请在此处找到我的代码：https://jsfiddle.net/5jv8m5xf/

上面的代码包含固定标题和内容。

我希望固定标题和内容具有相同的相对宽度（％）。因此，我为他们两个放了width: 80%;。但是，正如您在JSFiddle中看到的那样，固定标题的宽度大于内容。

当我为它们设置固定宽度（px）例如width: 500px;时，它们具有完全相同的宽度。但是，我希望它们具有相同的相对宽度（％），以使布局响应。

为了达到这个目的，我需要在代码中进行哪些更改？

Answer 1

默认浏览器样式将8px的{{1}}添加到margin元素。

这些会抵消<body>，但不会影响.content，因为它已修复。

添加此项以对齐元素：

.header