兄弟のdivの私は、このCSSで私のウェブサイトの上部にあるメニュー持つ他の兄弟のdiv

Question

の内側にある：それの内部

.menu { 
width: 100%; 
display: block; 
float: left; 
} 

を、私はいくつかのdivを持っている：

.menu .menu-item { 
position: relative; 
width: 260px; 
float: left; 
height: 430px; 
} 

これは、すべての良い、しかし私は、このHTML構造で、メニューの下に小さなdiv要素を追加しようとすると：

<div class="menu"> 
    <div class="menu-item"> 
    </div> 
</div> 
<div class="menu-bar"> 
</div> 

と、このCSS：

.menu-save { 
    position: relative; 
    display: block; 
    margin: 0 auto; 
    width: 100% 
    height: 20px; 
} 

このCSSで私の予想出力はmenu-bar div要素が全体のメニューの下に行くことですが、私は、現在取得していますと、menu-barはそれの上部に、menuの内側に座っているということです。どんなCSSがありますか？

Answer 1

私はCSSで浮動問題

<div class="menu"> 
    <div class="menu-item"> 
    </div> 
</div> 
<div class="clear"></div> 
<div class="menu-bar"> 

は「フロートを含む」この1つの

.clear{ 
    clear:both; 
}