clearfixと言うclass名について一考 | A Day in the Life

November 25, 2007 ネガティブマージンに関する記事を検索していたらたまたまこのような記事に出会いました。 class名に「表示に関する指示を組み込む」ことについて 要するに『class名に視覚的な内容を示すのはセマンティックに反するので、その要素が意味することが伝えられる名前にしなさい。』とのこと。 clearfixはとても便利で汎用的なclassとして用意して使うケースがほとんどのはず。中にはこんな感じで単独で記入する場合もあります。 div#wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div#wrapper {display: inline-table;} /* Hides from IE-mac \*/ * html div#wr