请在这里找到我的代码:https://jsfiddle.net/5jv8m5xf/
上面的代码由一个固定标题和一个内容组成。
我希望固定标题和内容具有相同的相对宽度(%)。因此，我为它们都设置了 width: 80%;。但是，正如您在 JSFiddle 中看到的那样，固定 header 的宽度大于内容。
当我为它们设置固定宽度 (px) 例如 width: 500px; 时，它们的宽度完全相同。但是，我希望它们具有相同的相对宽度 (%) 以使布局具有响应性。
我必须更改我的代码才能实现此目标吗？
最佳答案
默认浏览器样式添加8px的 margin到 <body>元素。
那些抵消了你的 .content , 但不会影响 .header , 因为它是固定的。
添加这个来对齐你的元素:
body {
margin: 0;
}
关于html - 固定标题和内容中的相对宽度相同，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45761729/