positionの使い方

CSS基礎

positionとは要素の位置を動かす事の出来るプロパティで、positionを使用する事でより自由なレイアウトが作れるようになります。
さらに、「z-index」を指定する事で要素の重なり順を変える事が出来ます。

f:id:yachin29:20170209165221p:plain
<style>
.container {
  position:relative;
}
.box {
  position:absolute;
}
</style>
</head>

<body>
<div class="wrapper">
<div class="box"></div>
</div>
</body>

コメント

タイトルとURLをコピーしました