Web site design issue

i am kind of new to designing stuff which is why i want to learn a bit about开发者_如何学Go it.. I am having an issue with my website, what css can I use to make a Div acting as a wraper grow in terms of height as the content grows? My content is being hidden underneath the footer... as it grows

Thank you

css

    .wrapper
{
    width :1200px;
    height: 1000px;
    margin-left: auto;
    margin-right: auto;
    overflow :hidden;
    background-color: white;
}

Change this:

.wrapper
{
width :1200px;
height: 1000px;
margin-left: auto;
margin-right: auto;
overflow :hidden;
background-color: white;
}

to this:

Change this:

.wrapper
{
width :1200px;
margin-left: auto;
margin-right: auto;
background-color: white;
}

Your request is not entirely clear, but you could use min-height to make an element have a minimum height:

.wrapper {
    width: 1200px;
    min-height: 100px;
    margin-left: auto;
    margin-right: auto;
    background-color: blue;
}

http://jsfiddle.net/uQjEn/3/

And:

http://jsfiddle.net/uQjEn/2/

Never, ever use overflow: hidden with an explicit height. I know all the cool kids are using that to contain floats but you can't combine that with a height set.

Remove the overflow property or the height property.