为了账号安全,请及时绑定邮箱和手机立即绑定

对多个复选框使用绝对定位时出现的问题

/ 猿问

对多个复选框使用绝对定位时出现的问题

林不渡 2019-02-08 15:03:41
*{margin: 0;padding: 0;}
body{position: relative;}
#tab>input{opacity: 0;
position: absolute;
top: 0px;
left: 0px;}
#tab .label{overflow: hidden;}
</style>
</head>
<body>
<div id="tab">
<input checked type="radio" name="name" id="name1">
<input  type="radio" name="name" id="name2">
<input  type="radio" name="name" id="name3">
<input  type="radio" name="name" id="name4">
<div class="label">
<label for="name1">页面1</label>
<label for="name2">页面2</label>
<label for="name3">页面3</label>
</div><div class="content">
<ul>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
</ul
></div
></div
></body>

如图...

https://img3.mukewang.com/5c5d29ba0001eb0719200425.jpg


查看完整描述

1 回答

?
橋本奈奈未

所以呢?你想问什么?

查看完整回答
反对 回复 2019-02-12

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信