javascript - 页面选项卡布局 使用css方式承担逻辑,但会有一些问题
高洛峰
高洛峰 2017-04-11 10:15:53
[JavaScript讨论组]

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

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

并结合选中样式_active来实现样式和显示隐藏的逻辑,这样就不用js处理了;
(z-index有点多余了,手欠加上了.....)

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

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(2)
迷茫

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

没明白楼主这是什么意思,_active是选中时添加的class? 添加这个class不还是用的JS么?

纯CSS做选项卡用的是:target伪类

ringa_lee

加个min-height

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号