CSS列構造

私はいくつかのCSS3とHTML5技術で私の手をしようとする新しいテンプレートを開発しています...小さな問題を持つCSS列構造

は...、私は見ることができる私のLEFコラム右の列は#container divに囲まれていません。そして、私はそれらが左に浮いていることに気がついています...しかし、コンテナdivに包まれるためには何をする必要があるのか理解できません。 http://www.bcidaho.com/dev-acn/index.asp

<body> 

    <div id="container"> 

    <!--#include file="_includes/top-nav-header.asp"--> 

    <!--#include file="_includes/home-nav.asp"--> 


     <div id="left-col"> 
      <p>Lef Nav Column</p> 
     </div><!-- End #left-col --> 

     <div id="main-col"> 
      <p>Main Column</p> 
     </div><!-- End #main-col --> 


    </div> <!--! end of #container --> 

    <!--#include file="_includes/footer.asp"--> 
</body>

CSSがここに置かれている）が容易になる：（didntのは申し訳ありません、このポスト）彼らはincasedされているhttp://www.bcidaho.com/dev-acn/css/style.css

出典

2011-07-07 tony noriega

のCSSのトンをスローします。火かき棒では、フロートがクリアされていないので、それはそれのように見えません。あなたのCSSにこれを追加します。

.clear { 
    clear:both; 
}

以降：

<div id="left-col"> 
      <p>Lef Nav Column</p> 
     </div><!-- End #left-col --> 

     <div id="main-col"> 
      <p>Main Column</p> 
     </div><!-- End #main-col --> 
<div class="clear"></div>

それを行う必要があること。

出典

2011-07-07 15:59:59 brenjt

私が追加した場合は、 "コンテナ"

出典

2011-07-07 16:01:30 superjaz1

は、DIV＃コンテナ

出典

2011-07-07 16:03:42

にoverflow: hidden;、overflow: auto;、またはfloat: left;を追加するoverflow:hiddenを適用：フロート：左;それはレイアウトを殺してコンテナを左に押し出しますが、私はあなたのことをまだ見ています。 –

@tonyだから私は "or"と言った。複数のソリューションがあります。 –

答えて

関連する問題