无法正确定位标题

我想用某些菜单链接制作标题。内部股利并不是从顶部开始的。请建议我如何为此编写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。

来源

2015-01-12 Ali Tauseef Reza

为什么不头，而不是试图通过保证金移动内部DIV中使用填充？ – Slime

你可能得到这个，因为你的第二个宽度是固定的所以无论浏览器的大小，这是从来没有同时第一宽度的变化而变化，因为它是个

<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>

来源

2015-01-12 12:37:19

外格设置为

display:inline-block

来源

2015-01-12 12:38:05 roNn23

是这样的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; 
}

来源

2015-01-12 12:38:49 aleha

我认为他更关注内外两者的响应能力，所以当你调整浏览器大小时，他可能期望它的比率/结果相同 –

谢谢，它的工作.....但在调整浏览器的大小（在mozilla上按shift + ctrl + M）外部潜水不会正确包裹内部div。 –

@ user1410688抱歉不完全明白你想要什么。这里没有mozilla。 – aleha

无法正确定位标题

回答

相关问题