--- title: "CSS float proprerty issue ( guidence )" description: "CSS float proprerty issue ( guidence )" author: "Takeshi Okada" published: 2013-04-08 updated: 2013-04-08 canonical: https://www.mindstick.com/forum/734/css-float-proprerty-issue-guidence category: "css-css3" tags: ["css-css3"] reading_time: 1 minute --- # CSS float proprerty issue ( guidence ) Hi Everyone!\ I need some help figuring out why my [layout](https://www.mindstick.com/articles/12853/android-layout-and-its-type) is messy. Here is what i was working on :The Site . The [green](https://www.mindstick.com/articles/95829/think-green-sustainable-design-considerations-for-commercial-buildings) box should be inside the purple box. I think there is a [floating](https://www.mindstick.com/articles/85595/how-to-troubleshoot-when-your-floating-pond-fountain-is-not-working-properly) issue. Since i don't fully understand the [float](https://www.mindstick.com/interview/1718/describe-float-containment) [rules](https://www.mindstick.com/articles/43901/blackjack-rules) can [someone help me](https://answers.mindstick.com/qa/42311/can-someone-help-me-with-this-question-about-political-parties) [identify](https://www.mindstick.com/forum/159425/java-app-crash-arrayindexoutofboundsexception-identify-invalid-index) the [problem](https://yourviews.mindstick.com/view/81399/tackling-the-problem-of-unemployment-during-corona-pandemic) and suggest some good "old" [documentation](https://answers.mindstick.com/qa/30462/what-is-documentation) [reading](https://www.mindstick.com/articles/126273/books-commonly-found-on-college-reading-lists) ?\ Thank you! ## Replies ### Reply by Vijay Shukla Hi Takeshi!\ try as below, hope it help you!\ ``` #container:after{ content: "."; clear: left; visibility: hidden;} ``` ### Reply by AVADHESH PATEL Hi Takeshi!\ Float removes the item from the document flow.\ Add an empty
or 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. --- Original Source: https://www.mindstick.com/forum/734/css-float-proprerty-issue-guidence Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.