回答編集履歴

1 修正

ikki57

ikki57 score 288

2016/02/23 18:36  投稿

`position absolute`の挙動をまず確認した方が良いかと思います。
http://ja.learnlayout.com/position.html
サンプルコードなどで試して、どういう挙動か・どういう仕様か、をテストしてもらえば理解が深まるかと思います。
---
> 1、見たままなのですが、tabboxの部分が上に重なってしまい上手く表示されません。
「上手く表示されません」とありますが、**どういう状態が上手く表示されている状態か**、が分からないので予測になりますが、下記ご確認下さい。
![イメージ説明](9b5d55f4dcb185c5b8970268aceb6bd4.png)
確認しましたが、`position absolute`を使っているので、「tabboxの部分が上に重なってしまい」という表示になるのは当然の結果かと思います。
ですので、
![イメージ説明](b1a4d479b800b6693d45f4d62dad42f6.png)
重ねたくなければ、`position absolute`を設定した上で、かつ`top`で位置を指定すれば、タブ部分からずらせます。
重ねたくなければ、`position absolute`を設定した上で、かつ`top`で位置を指定すれば`tabbox`からずらせます。
もしくは、
![イメージ説明](d98d7ba25ecb88217917c1c6f9d4e1f6.png)
`tabbox`の方を調整すれば、スクショのようになります。
`tabbox`の方を調整しても、`tabbox`の位置をずらすことができます。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る