问：展开浏览器时，标题和导航部分完全消失，剩下的只是一条绿线。当我用光标突出显示此区域时，我可以看到所有内容都在其中，但是绿色消失了。请帮忙！
@media屏幕和（最小宽度：480px）{
/ *****************************************两列布局********* ******************************** /
#primary {宽度：50％；向左飘浮; }
#secondary {宽度：50％；浮动：正确；}
/ ***************************************** PAGE：PORTFOLIO ********* ******************************** /
#gallery li {宽度：28.3333％；}
#gallery li：nth-child（4n）{清除：左；}
/ *****************************************页面：关于********* ******************************** /
.profile-photo {float：left; 边距：0 5％80px 0; }
}
@media屏幕和（最小宽度：686px）{
/ *****************************************标头*********** **************************** /
导航{背景：无；浮动：正确；字号：1.125em; 保证金权利：5％; 文字对齐：右；宽度：45％; }
#logo {float：left; 左边距：5％；文字对齐：左；宽度：45％; }
h1 {font-size：2.5em; }
h2 {font-size：0.825em; 底边距：20px; }
}
答：我不得不承认我的最后一个解决方案并不完美，我宁愿建议您使用overflow：auto; 在标题CSS中。
标头 {
背景：＃6ab47b ; 边框颜色：＃599a68 ; 溢出：自动; }
嗯，这是在制作基于浮动的布局时发生的。看到您为#logo和nav使用了float，因此float元素不会让您的父元素扩展。当您使用浮点数时会发生这种情况，因此您可以使用我在上面编写的技巧让父容器获取其高度。有很多其他的技巧，但是overflow：auto是最好的。
