页面选项卡布局 使用css方式承担逻辑，但会有一些问题

Question

昨天做一个简单的选项卡样式，自己突发奇想,用css做了一个但遇到了一些问题，先说一下我实现的方法,如下:

把选项卡内容放到选项标签下，使用绝对定位

并结合选中样式_active来实现样式和显示隐藏的逻辑，这样就不用js处理了;

(z-index有点多余了，手欠加上了.....)

现在的问题想必大家都已经知道了，选项卡内容不占据页面空间.....我这是不是作死，请大家给出好的解决方法，或者指点一下，感觉这些逻辑用css承担一些很好，但是如何避免盒子撑不起来呢?

Answer 1

并结合选中样式_active来实现样式和显示隐藏的逻辑，这样就不用js处理了;没明白楼主这是什么意思，_active是选中时添加的class? 添加这个class不还是用的JS么？纯CSS做选项卡用的是:target伪类