div background color not setting all area

Question

I have a div containing 3 div inside it. My problem is when am setting background color to first div, the div inside first div is not applying the background.

My code is

Answer 1

When you use floating elements inside a wrapper you need to clear them. There are various ways to clear them using clearfix technique, using overflow:hidden, etc.

So, you need to do just:

.how_next {
   overflow: hidden;
}

You may have an interest in these q/a:

what is clearfix

which method of clearfix is best

clearfix with twitter bootstrap

all about floats