bodyタグのmargnテスト

width:100%のdivタグ

margin-left:100;width:100%のdivタグ







 

bodyタグmargnの???(IE5で確認、IE4ではどうかナ?) ・margin-leftを設定すると、同時にmargin-rightも設定されてしまう(margin-rightを設定しても、同時にmargin-leftも設定されてしまうことはない)
・負の値を設定しても、0 以下になることはない。
・border設定の枠線は、marginを変化させても移動しない。位置固定なのかナ?

htmlsouse.gif (2461 バイト)

<body id="by" style="border:2 solid red">

<div id="dv" style="width:100%;border:1 solid">
    <p>width:100%のdivタグ </p>
    <div style="margin-left:100;width:100%;
        border:1 solid green">
        margin-left:100;width:100%のdivタグ
    </div>
</div>

<button onclick="by.style.marginLeft=100">
    bodyタグにmargin-left:100を設定</button><br>
<button onclick="by.style.marginLeft=100;by.style.marginRight=0">
    bodyタグにmargin-left:100/margin-right:0を設定</button><br>
<button onclick="by.style.marginRight=100">
    bodyタグにmargin-right:100を設定</button><br>
<button onclick="by.style.marginLeft=0;by.style.marginRight=0">
    bodyタグにmargin-left:0/margin-right:0を設定</button><br>
<button onclick="by.style.marginLeft=-100">
    bodyタグにmargin-Left:-100を設定</button><br>
<button onclick="by.style.marginRight=-100">
    bodyタグにmargin-right:-100を設定</button><br>
<button class="clear" onclick="by.style.margin=''">
    bodyタグにmargin無しを設定</button>

END(99/9/10)