DIV的不是父DIV显示

我试图让div的出现在父DIV代码可以发现如下：DIV的不是父DIV显示

<div id="header"> 
    <div class="header-left"> 
     LOGO 
    </div> 
    <div class="header-right"> 
     OPTIONS 
    </div> 
</div> 

#header 
{ 
background-color:#FFFFFF; 
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom:2px solid #C0C0C0; 
border-left:2px solid #C0C0C0; 
border-right:2px solid #C0C0C0; 
color:#ff3427; 
display:block; 
font-family: "Book Antiqua", "Cambria", serif; 
margin:auto; 
width:980px; 
position:relative; 
} 

.header-left 
{ 
color:#ff3427; 
display:block; 
font-family: "Book Antiqua", "Cambria", serif; 
font-size:32px; 
float:left; 
text-align:left; 
width:320px; 
position:static; 
} 

.header-right 
{ 
color:#ff3427; 
display:block; 
font-family: "Book Antiqua", "Cambria", serif; 
font-size:12px; 
float:right; 
text-align:right; 
width:655px; 
position:static; 
}

你可以找到它看起来像目前：http://mytvisfree.com

我想要两个div类出现在标题div中，但它不出现，我不明白为什么，任何帮助将不胜感激。

来源

2011-04-22 Eric

我可以在Chrome中看到。你使用的是什么浏览器？ – IHateATMFees 2011-04-22 04:33:43

您需要在最后一个div后添加一个清除，因为浮动元素将从常规页面流中删除，因此需要清除。（参见：All About Floats和CSS positioning）

HTML代码：

<div id="header"> 
    <div class="header-left"> 
     LOGO 
    </div> 
    <div class="header-right"> 
     OPTIONS 
    </div> 
    <div class="clear"></div> 
</div>

CSS附加代码：

.clear { 
    clear: both; 
}

来源

2011-04-22 04:35:35 mc10

参考为什么你需要做到这一点 - “CSS定位”（http://www.brainjar.com/css/positioning/default3.asp）： “...不像正常流程中的盒子，垂直边距漂浮盒子的盒子不会折叠，盒子的边缘可以高于或低于它。“ – Faust 2011-04-22 04:44:37

我已编辑我的帖子以包含您的链接。 – mc10 2011-04-22 04:47:53

另一种方式展现父DIV

HTML代码：

<div id="header"> 
    <div class="header-left">LOGO</div> 
    <div class="header-right">OPTIONS</div> 
</div>

CSS附加代码：

#header { overflow:hidden; }

来源

2011-04-22 08:43:49 Ruhul

我知道上面的解决方案工作，因为我在过去有他们。但是今天，我遇到了这种情况，我只是把位置放在了内部div上，并且解决了问题。

来源

2013-10-04 14:21:35 user1889992

DIV的不是父DIV显示

回答

相关问题