私はフロートをクリアするために私の明確な修正をどこに置くのですか？

Question

私はnavでfloatをクリアするためにclear-fixを使いたいので、コンテナの高さはその子要素の高さになります。しかし私は私の明確な修正をどこに置くべきかわからない。私はNAVでクリア修正を入れたとき、それはNAVの子要素のフロートをクリアすることを見つける

<div class="container"> 

      <nav id="nav"> 
       <a href="#principle_1">1</a> 
       <a href="#principle_2">2</a> 
       <a href="#principle_3">3</a> 
       <a href="#principle_4">4</a> 
       <a href="#principle_5">5</a> 
       <a href="#principle_6">6</a> 
       <a href="#principle_7">7</a> 
       <a href="#principle_8">8</a> 
       <a href="#principle_9">9</a> 
       <a href="#principle_10">10</a> 
       <div class="clear"></div> 
      </nav> 

     </div> 

：

は、ここに私のhtmlです。 navの外に置くとコンテナの中に置いたときにも動作します（下のコードを参照）2つのポジションの両方の作業があるので、この2つのポジションの違いは何ですか？

<div class="container"> 

      <nav id="nav"> 
       <a href="#principle_1">1</a> 
       <a href="#principle_2">2</a> 
       <a href="#principle_3">3</a> 
       <a href="#principle_4">4</a> 
       <a href="#principle_5">5</a> 
       <a href="#principle_6">6</a> 
       <a href="#principle_7">7</a> 
       <a href="#principle_8">8</a> 
       <a href="#principle_9">9</a> 
       <a href="#principle_10">10</a> 

      </nav> 
      <div class="clear"></div> 

     </div> 

Answer 1

navfix要素を、clearfixの子になるように囲みます。

階層は次のようになります。div.container > div.clear > nav