side bar

contents

fig.1

width指定:無し
overflow指定:無し
IE、Firefoxともにfloat指定のある部分は高さに含まれない

float指定:左

ieauoe aueioa aueioau ia uaioeuaio uai uaiou iau iuaiouei oaui ouieaeu iaueio uiaeu ioauei ouaieou ioaue ioauei ouaioue io

float指定:右

ieauoe aueioa aueioau ia uaioeuaio uai uaiou iau iuaiouei oaui ouieaeu iaueio uiaeu ioauei ouaieou ioaue ioauei ouaioue io

fig.2

width指定:有り
overflow指定:無し
IEはなぜかfloat部分を含んでいる。Firefoxはfloat指定のある部分は高さに含まれない

float指定:左

ieauoe aueioa aueioau ia uaioeuaio uai uaiou iau iuaiouei oaui ouieaeu iaueio uiaeu ioauei ouaieou ioaue ioauei ouaioue io

float指定:右

ieauoe aueioa aueioau ia uaioeuaio uai uaiou iau iuaiouei oaui ouieaeu iaueio uiaeu ioauei ouaieou ioaue ioauei ouaioue io

fig.3

width指定:有り
overflow指定:有り
IE、Firefoxともにfloat指定のある部分を高さに含んでいる

float指定:左

ieauoe aueioa aueioau ia uaioeuaio uai uaiou iau iuaiouei oaui ouieaeu iaueio uiaeu ioauei ouaieou ioaue ioauei ouaioue io

float指定:右

ieauoe aueioa aueioau ia uaioeuaio uai uaiou iau iuaiouei oaui ouieaeu iaueio uiaeu ioauei ouaieou ioaue ioauei ouaioue io

fig.4

width指定:無し
overflow指定:無し
ダミーのdiv要素でクリア
IEでは親要素にwidth指定が無い場合、float部分に係るボーダーが消えるバグがある

float指定:左

ieauoe aueioa aueioau ia uaioeuaio uai uaiou iau iuaiouei oaui ouieaeu iaueio uiaeu ioauei ouaieou ioaue ioauei ouaioue io

float指定:右

ieauoe aueioa aueioau ia uaioeuaio uai uaiou iau iuaiouei oaui ouieaeu iaueio uiaeu ioauei ouaieou ioaue ioauei ouaioue io

fig.5

width指定:有り
overflow指定:無し

ダミーのdiv要素でクリア

float指定:左

ieauoe aueioa aueioau ia uaioeuaio uai uaiou iau iuaiouei oaui ouieaeu iaueio uiaeu ioauei ouaieou ioaue ioauei ouaioue io

float指定:右

ieauoe aueioa aueioau ia uaioeuaio uai uaiou iau iuaiouei oaui ouieaeu iaueio uiaeu ioauei ouaieou ioaue ioauei ouaioue io