應用的相對尺寸，其包括頁邊距

我有一個div其width是100%。我知道我可以使用box-sizing（或-moz-box-sizing）設置爲border-box吃出div的總寬度，包括邊框和填充（但不是保證金），以是計算的100％。有沒有辦法在相對大小計算中包含邊距？應用的相對尺寸，其包括頁邊距

或者，這將是巨大的，如果有一個寬度指定相對和絕對尺寸的組合非JavaScript方式，例如：

#my-div { 
    width: 100% - 10px; 
}

可以任一做？

來源

2010-02-25 Matt Ball

這將有助於瞭解什麼是你的觀點，但我們知道這一切 - 我建議你使用具有寬度和填充包裝div或只是有寬度和my-div有寬餘：

<div id="wrapper"> 
    <div id="my-div"> 
    content 
    </div> 
</div>

CSS：

#wrapper { width: 450px; padding: 25px; } /* i.e. relative 100% = 450px now */ 
    #my-div { margin: 20px; } /* there. now we have 100% - 40px width :] */

類似的東西？

來源

2010-02-25 20:58:35

我想我的div來填滿整個窗口，除了小左，右頁邊距，不管窗口大小。 – 2010-02-25 21:18:34

所有需要工作的是添加到包裝的CSS：'box-sizing：border-box'，以便它包含填充的寬度。而我的內部div（「'＃my-div'」）需要'width：100％'屬性，因爲它有'display：table'（這是* its * children所需要的......不要問）。謝謝！ – 2010-02-25 21:29:03

：D我不喜歡'box-sizing'和'display：table'作爲他們相當*支持的*支持。 – 2010-02-25 21:31:21

亞當回答了這個問題。我唯一的補充是，你不應該把< div/>的寬度設置爲100％。你可以免費獲得，而設置它只會給你帶來問題。

來源

2010-02-25 21:15:51 Robusto

應用的相對尺寸，其包括頁邊距

回答

相關問題