html - 如何在左侧的12像素白色的空白处并从CSS的内容中删除12像素？

我正在尝试制作一个页面，该页面的左边距为12px。我想将背景灰色设置为12px（无论如何）。

在将左边距设置为12px后，我想为容器提供所有其他屏幕尺寸，我应该如何赋予它。

参见jsfiddle http://jsfiddle.net/7vzSQ/

我想要的是：假设将来如果我给页面提供背景并且左边的12px是白色边距，那么有谁知道一个窍门，以便.container将获得所有屏幕尺寸（我通过margin-left设置的12px边距除外）

<div class="container">

    <header>
        <hgroup>
            <div class="logo">
                test
            </div>
        </hgroup>
    </header>
    <div class="content">
        <div class="logo">

        </div>
    </div>
    <footer>

    </footer>
</div>

有人检查了http://jsfiddle.net/7vzSQ/7/embedded/result/我已经更新了三个背景，但是不知道为什么它没有出现在页面中。

我这样做的主要目的是，我可以将所有宽度（100％-12px）赋予.container。如果我给了100％，那是行不通的。我尝试了css3的calc功能不起作用。我尝试calc（100％+ 12px）有效，但calc（100％-12px）无效（带负号）。

有谁能猜到它能起作用。

最佳答案

尝试这个

    <style>
body{margin: 0px; padding: 0px;}
#cover
{
    width: 100%;
    height: 200px;

    padding: 0px 0px 0px 12px;
    margin:0px;
}
#inner{width:100%; height: 200px; margin: 0px; padding: 0px; background: #bababa; }

</style>



<div id="cover">
    <div id="inner">

    </div>
</div>

它可能会帮助您。