子div是否在父親之外？

我看到，當我們使用table + tr + td時，我們從來沒有看到外部元素之外的內部元素。子div是否在父親之外？

但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; 

}

來源

2012-02-25 user1115198

之外我有點構建你張貼，一切似乎正常工作？

http://jsfiddle.net/XrDTe/

但是，請仔細檢查你的代碼，也有它的一些冗餘。（爲什麼所有的float：left和position：relative都是？爲什麼IE6的高度是1px？所有這些都不是必須的，並且可能會阻礙你編寫出色的點對點CSS）

來源

2012-02-25 17:05:10

子div是否在父親之外？

回答

相關問題