floatとmargin

float:leftとmargin:leftの相関関係を検証します(bodyタグにはmargin-left:100を設定)

margin-left:20

margin-leftの設定無し

margin-left:-20

margin-left:-40

margin-left:-60

margin-left:-80

margin-left:-100

以下は同時に float:leftを設定した例 

margin-left:20

<floatスタイルの概要>・・・ブロック要素(画像や表など)を親タグ範囲の左端/右端に配置。それに続くテキストは逆 側に配置される。子タグに継承しない。IE4,NN4に対応。

margin-left:-20

<floatスタイルの概要>・・・ブロック要素(画像や表など)を親タグ範囲の左端/右端に配置。それに続くテキストは逆 側に配置される。子タグに継承しない。IE4,NN4に対応。

margin-left:-40

<floatスタイルの概要>・・・ブロック要素(画像や表など)を親タグ範囲の左端/右端に配置。それに続くテキストは逆 側に配置される。子タグに継承しない。IE4,NN4に対応。

margin-left:-50

<floatスタイルの概要>・・・ブロック要素(画像や表など)を親タグ範囲の左端/右端に配置。それに続くテキストは逆 側に配置される。子タグに継承しない。IE4,NN4に対応。

margin-left:-100

<floatスタイルの概要>・・・ブロック要素(画像や表など)を親タグ範囲の左端/右端に配置。それに続くテキストは逆 側に配置される。子タグに継承しない。IE4,NN4に対応。

結果は ・floatスタイルとmarginスタイルを同時に設定すると、marginの設定値の2倍が反映する (margin-left:-20だと、-40 にマージンされる)
*IE4、FrontPage98ではこんな現象はなかった。IE5だけで発生する。なんっでヤ >MSさん

 

END(99/9/10)