Css 负边距至'；收缩'；潜水艇_Css

Css 负边距至'；收缩'；潜水艇

css

Css 负边距至'；收缩'；潜水艇,css,Css,我有一个div，我想占据整个浏览器的宽度，每边40像素我的想法是宽度：100%；利润率：0-40px但是这不起作用我不想使用width:xx%，因为我无法控制它更新好的，开始吧但现在我的问题是：如何使其居中？在div中有一个div。。。外部div可以100%宽，填充40px，内部div也可以100%宽。。这将占用内部div的宽度-40px填充。：）将其包装在另一个中，并给父一个宽度：100%属性，给子一个边距：40px属性： <!DOCTYPE html PUBLIC "

我有一个div，我想占据整个浏览器的宽度，每边40像素

我的想法是

宽度：100%；利润率：0-40px但是这不起作用
我不想使用width:xx%
，因为我无法控制它

更新

好的，开始吧
但现在我的问题是：
如何使其居中？
在div中有一个div。。。外部div可以100%宽，填充40px，内部div也可以100%宽。。这将占用内部div的宽度-40px填充。：）
 将其包装在另一个
中，并给父
一个宽度：100%
属性，给子
一个边距：40px属性：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head >
    <title >Example</title>
    <style type="text/css">
        #wrapper {
            width:100%;
        }
        #main {
            margin:40px;
            background-color:red;
        }
    </style>
</head>
<body>

<div id="wrapper">
    <div id="main">
        This is a test
    </div>
</div>

</body>
</html>


例子
#包装纸{
宽度：100%；
}
#主要{
利润率：40像素；
背景色：红色；
}
这是一个测试
简单
[..]
<body>
<div style="margin: 40px">Blabla</div>
</body>
[..]

[…]
布拉布拉
[..]

…将创建一个DIV，该DIV占用所有可用的水平空间，每侧减去40px
除非另有规定，否则块级元素始终使用其所有可用的水平空间。因此，距离主体元素每侧正好40px的div将始终居中。不需要包装来实现这一点。
这将不仅为左右两侧提供边距，而且为上下提供边距。所以它需要余量：0 40px。但油漆点很好；）当填充被添加到div而不是被减去时，执行此方法将导致宽度为100%+40px。