CSS float proprerty issue ( guidence )

Takeshi Okada 1680 08-Apr-2013

Hi Everyone!

I need some help figuring out why my layout is messy. Here is what i was working on :The Site . The green box should be inside the purple box. I think there is a floating issue. Since i don't fully understand the float rules can someone help me identify the problem and suggest some good "old" documentation reading ?

Thank you!

css-css3

Updated on 08-Apr-2013

Takeshi Okada

Can you answer this question?

Answer

2 Answers

Vijay Shukla

08-Apr-2013

Hi Takeshi!

try as below, hope it help you!

#container:after{
 content: ".";
 clear: left;
 visibility: hidden;
}

AVADHESH PATEL

08-Apr-2013

Hi Takeshi!

Float removes the item from the document flow.

Add an empty <div> or <span> and give it the CSS clear: both;. This will make the div clear the floated element and it's parent will then expand to the full height.

forum

CSS float proprerty issue ( guidence )

Takeshi Okada

2 Answers

Liked By