需要vr使用div标签，但它不会达到100％的高度

作者: 咿呀哟
发布时间: 2024-04-18 12:10:29 (18天前)
转自：

3 条回复

0#
回复此人
v-star*위위 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 试试这样：的<strong> <a href="https://jsfiddle.net/8kdLn5ys/7/" rel="nofollow"> 演示 </A> </强> </p> <P> CSS： </p> <pre> <code> .acc { float:left; width:400px; height:auto; overflow:hidden; border:#FFF solid 3px; background-color:#319dba; position: relative; } .acc .title { width:100%; height:30px; color:#FFF; text-align:center; padding-top:5px; border-bottom:3px #FFFFFF solid; } .acc .debit { float:left; width:198px; height:auto; } .acc .vr { width:2px; height:100%; background-color:#f00; border:1px solid #f00; height: 100%; position: absolute; right: 0; left:50%; } .acc .credit { float:right; width:198px; height:auto; } .acc .row { width:100%; height:25px; } </code> </pre> </DIV>

编辑
1#
回复此人
只怕再见是故人 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 不使用vr div，而是在左侧元素上应用边框： </p> <pre> <code> .acc .debit { border-right: 3px solid white; } </code> </pre> <P> 这也是上层人力资源的制作方式。 </p> <P> 这是一个 <a href="https://jsfiddle.net/8kdLn5ys/2/" rel="nofollow"> 小提琴 </A> </p> <P> 如果您不想打扰宽度，可以从左侧应用一半边框，从另一侧应用一半边框或切换框大小。 </p> </DIV>

编辑

登录后才能参与评论