调整标题＆amp;仅在标题上使用填充的内容

Question

我有一个问题，因为在我的代码中我有一个带填充的标题（左边和右边8％），但在内容框上我没有填充，当我减少firefox窗口时，内容框没有宽度与标题相同（因为标题上的填充改变了这一点）。

所以我希望框内容的宽度始终与标题相同，并保留滑块的尺寸。

在幻灯片栏的内容权限中，我尝试使用相同的填充但不会更改，因为内容框具有已定义的宽度。

这是一个代码示例：

<header>
     <div id="logo"></div>
</header>

<div id="box">
    <div id="slidebar"></div>
    <div id="content"></div>
</div>

那是JSFIDDLE： https://jsfiddle.net/t2h839dt/ （如果您缩小JSFIDDLE上的预览窗口，则会看到问题（标题和框内容的宽度不同）。

Answer 1

您的代码似乎有部分响应。首先，你应该决定你要采取哪种方法？固定或响应式布局。 请尝试以下链接进行固定布局。

[jsfiddle][1]

[1]: https://jsfiddle.net/antonysuthakarj/hLsaotco/