平成30/ 2018-12-10 07:56
css position

//////////////////////////////
取り消したいとき

style="position:static;"




//////////////////////////

単純に上方に配置すると、高さが残ってしまう。
<div><input type="button" name="BTN" style="position:relaytive;top-40px;" /></div>

そんなときは、height:0px とすればいい。
<div style="height:0px"><input type="button" name="BTN" style="position:relaytive;top-40px;" /></div>



-----------------------------------------------------------------------------------------------------------------------------------
レイヤー優先順位(重みづけ、先頭)にしたいときは
-
style="z-index:100"
(数が大きい方が先頭にくる)



-----------------------------------------------------------------------------------------------------------------------------------
上に表示させる場合
-
<div style="position:relative"> <!-- RELATIVEを設定して、ここを基準位置としている -->
    <div style="bottom:0px;position:absolute"> <!-- bottom:0px として、基準位置より上に表示させている -->
        ABCDEFG
    </div>
</div>



-----------------------------------------------------------------------------------------------------------------------------------
position:absolute
で、改行1つ分ずれるケースがIE、Safariである。
そのときは、
<div></div>
で改行するといい。

ex)

<a href="">email</a>
<div></div>
<div id="tblField" style="position:absolute;left:0px">
<table><tr><td>hoge</td></tr></table>
</div>




-------------------------------------------------------------------------------------------------------------------------------------------
Thanks.
ボックス(レイヤー)の重なり順序を指定する
http://www.dspt.net/stylesheet_css/005/019.html

レスポンシブECサイトのレイアウトで使える!position:「absolute」「relative」の違いとは
http://www.aiship.jp/knowhow/archives/18053