タグ

floatとbugに関するmobile_snkのブックマーク (1)

  • IE6でfloatした要素が兄要素のmarginを継承(?)する|WALK SLOW, AGAINST THE FLOW.|BLOG

    出現条件を説明するのが難しい。IE6はfloatを指定した要素の親要素にwidth属性を指定するとfloatした要素の高さが親要素に含まれるバグがあります(詳しくはIEでfloat属性を指定した要素の親要素のborderが消えるバグを見て下さい)。このバグが発生している場合に、float属性を指定した子要素が兄要素に指定されているmargin-bottomを継承するみたい。 実際には兄弟要素の属性を継承することはないと思いますが、継承しているとしか思えない挙動です。 IE6でfloatした要素が兄要素のmarginを継承(?)する例 親要素が“parent”、その子要素で“child1”、“child2”、“child3”。“child2”、“child3”は margin-bottom:0;を指定しているにも関わらず下に余白が発生。このスクリーンショットのソース 最後にfloatを指

    mobile_snk
    mobile_snk 2009/01/01
    兄要素(ひとつ前の同レベルの要素)のmarginを継承し、例えば見出しhに付けたmargin-bottomが、その下の段落pに継承されて、margin-bottom:0;としても値を打ち消すことができないバグ
  • 1