無法正確定位標題

Question

我想用某些菜單鏈接製作標題。內部股利並不是從頂部開始的。請建議我如何爲此編寫CSS。

<div style ="width:100%; background-color:Aqua; height:100px;"> 

    <div style="width:876px;background-color:Blue;margin:20px auto;height:60px;"> 
     <h3>menu items</h3> 
    </div> 

</div> 

此外，當我調整瀏覽器的大小（在mozilla上按shift + ctrl + M）外部潛水不會適當地包裹內部div。

Answer 1

你可能得到這個，因爲你的第二個寬度是固定的所以無論瀏覽器的大小，這是從來沒有同時第一寬度的變化而變化，因爲它是個

<div style ="width:100%; background-color:Aqua; height:100px;"> 

    <div style="width:70%;background-color:Blue;margin:20px auto;height:60px;"> 
     <h3>menu items</h3> 
    </div> 

</div> 

Answer 2

外格設置爲

display:inline-block 

Answer 3

是這樣的fiddle你想要什麼？

HTML

<div class ='outer'> 
    <div class='inner'> 
     <h3>menu items</h3> 
    </div> 
</div> 

CSS

.outer{ 
    width:100%; 
    background-color:Aqua; 
    height:100px; 
    padding-top:20px; 
    min-width:876px; 
} 

.inner { 
    width:876px; 
    background-color:Blue; 
    margin:0 auto; 
    height:60px; 
}