兒子div可以放在中間以實數在邊緣。聰明的方式把div中心，而不是實數？
div.father {
height: 330px;
width: 330px;
border: 1px solid black;
}
div.son {
margin:114px 114px 114px 114px;
border: 1px solid black;
height: 100px;
width: 100px;
}<div class="father">
<div class="son"></div>
</div>兒子DIV可以放在中央。 
也許有另一種智能方式，而不是margin:114px 114px 114px 114px;，如果邊框寬度改變了，那麼邊距數會相應地改變，如何修復呢？
的flexbox模塊似乎這個任務
justify-content一家智能型現代化候選人沿主軸線對齊項目（水平）和align-items對齊沿項目橫軸（垂直）
div.father {
height: 330px;
width: 330px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid black;
}
div.son {
border: 1px solid black;
height: 100px;
width: 100px;
}
Codepen demo和browser support（IE10 +）
，通過它可以實現這一目標的一個方法是通過settting父display:table-cell;vertical-align:middle;和兒子margin:auto
div.father {
height: 330px;
width: 330px;
border: 1px solid black;
display:table-cell;
vertical-align:middle;
}
div.son {
margin:auto;
border: 1px solid black;
height: 100px;
width: 100px;
}<div class="father">
<div class="son"></div>
</div>如果.son div的寬度和高度將保持不變，然後在下面的代碼將工作爲你。
div.father {
height: 330px;
width: 330px;
border: 1px solid black;
position:relative;
}
div.son {
position: absolute;
border: 1px solid black;
height: 100px;
width: 100px;
top:50%;
left:50%;
margin: -50px 0 0 -50px;
}<div class="father">
<div class="son"></div>
</div>有多種方式，實現了定心，取決於具體的要求是什麼。
一個示例可以絕對（相對和母體）來定位所述子，設置餘量爲自動和距離從每一側爲0
div.father {
border: 1px solid black;
height: 330px;
position: relative;
width: 330px;
}
div.son {
border: 1px solid black;
bottom: 0;
height: 100px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 100px;
}<div class="father">
<div class="son"></div>
</div>對於一個完整的導向以CSS爲中心我推薦this頁面。它有各種定心的完整指南。