子divは親のdivの外にありますか？

Question

私はtable + tr + tdを使うとき、外側の要素の外側の内側の要素は決して見えません。

Divの場合は可能です。 私の内側のdivが親divの外側にあることがわかりました。 子divを制御するにはどうすればよいですか？私のHTMLで何が間違っていますか？

は、私は次のHTMLを持っていると私は子供のdivは、私はちょっとあなたが投稿して、すべてが正常に動作するようです何を構築し、親

<div id="page"> 
     <div id="main"> 

      <div id="djInfo"> 
      </div> 

      <div id="footer"> 

      </div> 
     </div> 
    </div> 

    #page 
    { 
     width: 100%; 
     margin-left: auto; 
     margin-right: auto; 
     height: 100%; 
     position: relative; 
    } 

    #main 
    {  
     padding: 0px 0px 0px 0px; 
     background-color: #0c1114; 
     margin-bottom: 30px; 
     _height: 1px; /*only IE6 applies CSS properties starting with an underscore */ 
     text-align: center; 
     height: 100%;  
     position: relative; 
    } 

    #footer 
    { 
     color: #999; 
     padding: 0px 0; 
     text-align: center; 
     line-height: normal; 
     margin: 0; 
     font-size: .9em; 
     background-image: url('img/BottomGradient.jpg'); 
     background-repeat:repeat; 
     height: 160px; 
     width: 100%; 
     float: left; 
    } 

#djInfo 
{ 
    float: left; 
    position: relative; 
    margin-left: 250px; 

} 

Answer 1

の外にあることがわかり意味ですか？

http://jsfiddle.net/XrDTe/

はしかし、二重のあなたのコードを確認してください、その中にいくつかの冗長性があります。

（なぜ100％幅のマージンを残しているのでしょうか？auto？なぜすべての浮動小数点：leftとposition：relativeのものか？IE6の高さはなぜ1pxですか？これはすべて必須ではなく、まともな、ポイントツーポイントCSSを書く）