0

2つ<div>持っていますが、注文するのが難しいです。教えて助けてください。

<div class="menubar">
    <ul class="menu">
        <li class="itmes"></li>
        <li class="itmes"></li>
        <li class="itmes"></li>
    </ul>
</div>
<div class="b_header">

</div>

関連CSSです。

.menubar{
width: 110%;
background-color: #000000;
margin-top: 32px;
height: 35px;
display: block;
position: absolute;
margin-left: -20px;
vertical-align: middle;
text-align: center;}

.b_header{
width: 110%;
background: url('./img/b_header.gif');
margin-left: -20px;
height: 15px;
position: inherit;
margin-top: 0px;}

<div class="b_header">私は下を見たいと思っています<div class="b_header">が、そうではありません。

解決策は何ですか？

4

2 に答える 2

4

削除する

position:absolute;

そしてそれはうまくいくでしょう。絶対配置では、ページの流れからメニューが削除されるため、その下のヘッダー div はメニューが存在しないように効果的に表示されます。

または（必要な場合position:absolute）、ヘッダーにmargin-top:67px;

于 2012-09-25T14:35:07.793 に答える
0

メニューバーの垂直方向の配置が真ん中なので、b_header がその上に配置されていると思われますか? vertical-align: top; を試してください。

于 2012-09-25T14:34:40.603 に答える