Question

我看到当我们使用table + tr + td时，我们永远不会看到外部元素之外的内部元素。

但在Divs的情况下，它可以。现在我看到我的内部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％宽度边距的东西 - 左/右：自动？为什么所有的浮动：左边和位置：相对的？为什么IE6高度为1px？所有这些都没有必要，可能会妨碍你写作体面的，点到点的CSS）

儿童div在父母之外？

1 个答案: