如何創建具有100％寬度以及左右邊界的div？

Question

我想有一個div，該div的寬度和高度為100％，但具有左右邊距（我也希望頂部和底部邊距，但一次只允許做一件事）。 我已經能夠實現寬度和高度為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將寬度設置為auto，將左和右設置為0；

Answer 3

也許您可以通過將父容器的padding設置為您用於#link_wrapper的margin值來達到預期的效果。

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

然后， #link_wrapper不需要任何余量。