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

看一看。我想这就是你要找的 - ＆gt; http://tinkerbin.com/qslYAlq8 将宽度设置为auto，将left和right设置为0;

Answer 3

也许通过使用您用于#link_wrapper的边距值设置父容器的填充，可以达到预期的效果。

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

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

如何创建宽度为100％且左右边距的div？

3 个答案: