1

浮动在缩放/较低分辨率上从标题中跳出 它在没有缩放/分辨率（1080p 以外）的情况下看起来如何：http: //gyazo.com/d3df8ac607362c1c5301f92307d6a636 屏幕截图： http: //gyazo.com/4c4a0f855d312587de9553b74feea2a0

黑色的颜色实际上是主体......下面的标题颜色是 1000px 导航栏。HTML

<div id="header"> 
    <div id="header_content"> 
        <div id="header_content_right"> 
            <!-- removed form code, not needed. --> 
        </div> 
        <div id="header_content_left"> 
            <!-- removed logo image, not needed. --> 
        </div> 
    </div> 
</div>

CSS

#header {
    background: #008BFF;
    padding-bottom: 10px;
}

#header_content {
    width: 1000px;
    margin: 0 auto;
    color: white;
    padding-top: 10px;  
}

#header_content_left {
    color: white;
}

#header_content_left img {
    margin-right: 15px;
}

#header_content_right {
    float: right;  
}
4

1 回答 1

0

这已通过padding-bottom: 10px;移至#header解决#header_content！

于 2013-11-14T08:27:41.813 回答