html - 如何创建具有 100% 宽度和左右边距的 div？

Question

我想要一个 100% 宽度和高度的 div，但有左右边距（我也想要顶部和底部边距，但一次只有一件事）。我已经能够实现一个宽度和高度为 100% 的 div，具有顶部和左侧边距，但无法识别底部和右侧边距。我不确定我做错了什么。这是我用过的css：

#link_wrapper {
    margin:32px 73px 45px 73px;
    width:100%;
    height:100%;
    position:fixed;
    z-index:1;
}

Answer 1

您可以使用 css box-sizing 来完成它（IE8+）。这是一个示例http://jsfiddle.net/Z9xHs/

HTML

<div class="content">hi</div>

CSS

body, html { height:100%; }
.content { 
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:32px 73px 45px 73px;
    width:100%;
    height:100%;
}

Answer 2

看一看。我想这就是你要找的 -> http://tinkerbin.com/qslYAlq8 将宽度设置为自动，左右设置为 0；

Answer 3

也许您可以通过使用您用于#link_wrapper.

#parent_container{ padding:32px 73px 45px 73px; }

然后#link_wrapper不需要任何保证金。