html - max-width 正在删除背景颜色

Question

我遇到了最大宽度 css 的问题，当我将其应用于代码时，它正在删除背景颜色。我在其他方面没有看到这个问题，请帮助我。

这是我的CSS代码：

.mainheader {
    width: 950px;
    height: 290px;
    margin-left: auto;
    margin-right: auto;
    background-color: whitesmoke;
}
.leftheader {
    height: 20px;
    max-width: 325px;
    float: left;
    background-color: whitesmoke;
    height: 1000px;
    margin-top: -290px;
    display: block;
}
.rightheader {
    max-width: 325px;
    float: right;
    display: block;
    background-color: whitesmoke;
    height: 20px;
    margin-top: -290px;
    height: 1000px;
}

Answer 1

你可能还想设置一个正常的宽度。如果它没有内容，它将没有任何宽度。所以你应该放一个width: 100%;和max-width:200px例如。

这是一个只有最大宽度的示例：http: //jsfiddle.net/r7yEJ/1/

这里是最大宽度和宽度一起：http: //jsfiddle.net/r7yEJ/2/

更新

http://jsfiddle.net/3Smvt/3/

jQuery

$(window).resize(function(){
    var $width =  ( $(window).width() - $('.mainheader').width() ) / 2;
    $('.leftheader, .rightheader').css('width', $width); 
});