nav ul:after {
content:"";
clear:both;
display:block;
}
What does the "" value mean on the content property?
Asked
Active
Viewed 1,827 times
4
Charles
- 50,943
- 13
- 104
- 142
Longway_togo
- 87
- 11
-
1It's a clearfix.. The content is empty. Nonetheless, there is still a difference between that and not setting a content value at all. – Josh Crozier Dec 30 '13 at 18:11
-
tks for ur quick response.:-) – Longway_togo Dec 30 '13 at 18:13
-
see this http://www.w3schools.com/cssref/sel_after.asp – Dmitry Pavliv Dec 30 '13 at 18:14
-
4You shouldn't be downvoting, read his profile, it says beginner, there is no harm if a person is providing some alien code, and tries to understand – Mr. Alien Dec 30 '13 at 18:25
1 Answers
5
It's just a clearfix, which means, if your ul elements have floated li, than they will be self cleared, it just behaves similar to overflow: hidden; but unlike overflow: hidden; it wont hide the overflowing content.
Demo (Without clearfix)
Demo 2 (With clearfix)
And why you need to clear and what you need to clear, for that, you can refer my answer here
As you edited your question, content property is used with :before or :after pseudo to embed virtual content on the page, so using content: ""; means just blank, you are not embedding any character in your page.
-
It should be noted that the `content` property is required for the psuedo-element to be rendered at all. – Niet the Dark Absol Jan 09 '14 at 17:07