調整標題和內容與填充只在標題

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/