Question

I have a particular css code. But it is not working as expected. I want to cover the whitewrapper div the entire contents. but its not working. I am just getting a div on top and below it my contents are shown. Actually all my contents should be shown inside my whitewrapper.

<div id ="Wrapper1">
        <div class ="whitewrapper">
                <div class ="content">
                        <div class ="subleft">
                                loremipsum
                        </div>
                        <div class ="subright">
                                loremipsum
                        </div>
                </div>  
        </div>
</div>

#Wrapper1{
    float: left;
    margin: 100px 5px 0 95px;
    min-height: 360px;
    padding: 0 0 5px;
    width: 900px;
    background: none repeat scroll 0 0 #000;
}       
.whitewrapper {
    background: none repeat scroll 0 0 #fff;
    margin: 10px;
    padding: 10px;
}
.subleft {
    float: left;
    max-width: 400px;
    width: 400px;
}
.subright {
    float: right;
    max-width: 300px;
    width: 300px;
}
.content{
        width:880px;
        max-width:880px;
}       

Whats the error?

Answer 1

.content {
overflow: auto;
}

you should google a bit “css clear float” to understand that