タグ

clearfixに関するclea0000のブックマーク (3)

  • Compass: mixin から clearfix を学ぶ | DriftwoodJP

    つかいかたclearfix は様々な箇所で利用するので、プレースホルダーセレクタで用意し、 目指せSassマスター!デザイナーがすぐ実践出来る基テクニック12連発 | 株式会社LIG (クラスで用意する場合と違い) プレースホルダーセレクタで記述した内容は CSS に出力されない。

    Compass: mixin から clearfix を学ぶ | DriftwoodJP
  • RedLine Magazine : hrタグの使い道を考える

    hrタグの使い道を考える このサイトの状況は段組部分の背景をそれぞれの段組をまとめているブロックの背景として表示する定番技を使っているわけだけど、floatを使っているので当然IE以外のブラウザでは背景がちゃんと縦に伸びない(伸びないっつーかそのブロックに高さがない状態になるアレね。) 解決策としてはこれまた定番の clearFIx 技で解決すればいいやと思ってたわけなんだけど、どうもOperaさんの機嫌を損ねたらしく、Operaでだけ背景が表示されないという罠に陥った。 いつもなら「しょうがないやー、brでクリアしてやるかー」なんていう発想にたどり着くわけなんだけど、br タグでクリアするってのも当はスマートじゃないよなぁと思いとどまった。で代わりになりそうな要素を考えてて思いついたのがhrタグ。 web標準が広まってきて、「構造と見栄えの分離」ってフレーズを遂行しているわけだが、hr

  • スタイルシートをめぐる冒険: CSS実験室: clearfixの決定版を作る ―モダンブラウザ編―

    floatに起因するレイアウトくずれの多くは、floatをしかるべき場所でクリアすることによって解決する。このことを発見して以来、もっぱら空ボックスにclearを指定するという方法(<div style="clear: both"></div>)を多用してきたが、HTMLにある種の不純物が混じることに居心地の悪さはずっと感じていた(「floatを繰り返すとレイアウトがくずれる」参照)。この気持ち悪さを解消してくれるのが、clearfixというテクニックだ。 基的な発想は上記の空ボックスによるクリアと同じだが、それをHTMLには一切手を加えず、スタイルシートだけで実現しているところに大きな特徴がある。しかし、ひとくちにclearfixといっても様々なバリエーションがあり、その記述のしかたは微妙に異なる。 例えば、clearfixの提唱者ではないかと類推されるPosition Is Ever

  • 1