居中相對分區

Question

嘗試了一些事情（邊距自動，文本對齊：中心等），以居中這個相對格 - 這是我的響應式佈局中的標題，沒有運氣。任何其他方式嘗試？

的問題是保持它爲中心的網頁擴張/收縮

它的CSS屬性

#header { 
    height: 170px; 
    width: 100%; 
    overflow: visible; 
    padding: 10px; 
    margin-bottom: 7px; 
    position: relative; 
    z-index: 99; 
} 

Answer 1

怎麼能當它是其父的寬度爲100％一個div出現視覺中心？

看看這個小提琴：https://jsfiddle.net/w6332ytc/

HTML：

<div class="wrapper"> 
    <div class="inner"> 
     Content 
    </div> 
</div> 

CSS：

.wrapper { 
    width: 100%; 
    background: #000; 
    height: 300px; 
} 
.inner { 
    width: 50%; 
    background: red; 
    margin: 0 auto; 
}