父母之外的子div

我目前正在设计一个网站。但在我的父母div box_t之一，子分区box_t1和box_t2超出box_t。父母之外的子div

的Html：

<div id="main_container"> 
    <div class="box_t"> 
    <div class="box_t1"> 
     <h2>Start</h2> 
    </div> 
    <div class="box_t2"> 
     <div class="boxt21"> 
     <h2>Name</h2> 
     </div> 
     <div class="boxt22"> 
     Hi 
     </div> 
    </div> 
    </div> 
</div>

CSS：

#main_container 
{ 
    width:960px; 
    margin:0 auto; 
} 
.box_t 
{ 
    padding:20px 14px 20px 15px; 
    color:#07337a; 
    overflow:hidden; 
} 
.box_t h2 
{ 
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; 
} 
.box_t1 
{ 
    width:340px; 
    float:left; 
} 
.box_t2 
{ 
    float:left; 
} 
.box_t2 
{ 
    margin-left:255px; 
} 
.boxt21 
{ 
    float:left; 
} 
.boxt22 
{ 
    float:left; 
}

Dreamweaver design and code view

来源

2012-12-12 AssamGuy

有没有隐藏在这里某处的问题？ – AlexanderBrevig

你的孩子divs不会超出父div，但是你在梦想中看到的东西是由于梦境中显示html内容的风格。在浏览器

来源

2012-12-12 11:30:14

http://jsfiddle.net/NmR7G/在此链接上检查您的代码。 –

梦境中有选项可选择左上角的设计模式，您可以在那里看到渲染或使用分割视图同时查看两个视图。 –

好吧，我会检查..谢谢' – AssamGuy

你需要清除花车

<div id="main_container"> 
<div class="box_t"> 
      <div class="box_t1"> 
       <h2>Start</h2> 
      </div> 
      <div class="box_t2"> 
       <div class="boxt21"> 
        <h2>Name</h2> 
       </div> 
       <div class="boxt22"> 
        Hi 
       </div> 
      </div>

</div>

有一个更好的方式来做到这一点，创建一个名为clearfix类，并把它添加到BR ...好真的是你应该甚至还包括一个BR ...但你去那里。

来源

2012-12-12 11:24:38

您应该使用clearfix作为父块。有很多方法可以设置overflow:hidden或在底层元素中设置clear: both父块内的空白块。我最喜欢的方式是：

// for modern browsers 
    .clearfix:before, 
    .clearfix:after { 
    content: ""; 
    display: table; 
    } 
    .clearfix:after { 
    clear: both; 
    } 

    /* IE6-7 */ 
    .clearfix { 
    zoom: 1; 
    }

使用它类上你的父母DIV，就是这样。

来源

2012-12-12 11:28:19 Flops

代码的

检查实际的渲染当曾经使用float您股利。请记住clear的浮点数。整个问题是floated objects do not add to the height的对象正常驻留。因此，子div似乎不在父div的范围之内。我们所需要做的就是清除float，并且整个问题都会消失。将这个空div你最后的液浮对象后：

<div style="clear: both;"></div>

来源

2012-12-12 11:46:14

非常感谢信息拉吉夫:)我会记得 – AssamGuy

我会建议使用边界（样式=“边界：1px的固体红”）上的所有DIV同时发展布局，它有助于了解确切位置divs被定位。

这有助于不使用Dreamweaver或其他编辑工具的开发人员。

来源

2013-10-08 07:16:28 Anand

父母之外的子div

回答

相关问题