#FFFFFF solid;}
.acc .debit { 向左飘浮; 宽度:198px; 高度:自动;}.acc。 VR </跨度> { 向左飘浮; 宽度:2px的; 高度:100%; 背景色:#FFF; border:1px solid #fff;}.acc .credit { 浮动:权利; 宽度:198px; 高度:自动;}.acc .row { 宽度:100%; 高度:25像素;
}
但 VR </跨度> 不会达到100%的高度。帮我。谢谢
试试这样: 的 演示 强>
CSS:
.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; }
不使用vr div,而是在左侧元素上应用边框:
.acc .debit { border-right: 3px solid white; }
这也是上层人力资源的制作方式。
这是一个 小提琴
如果您不想打扰宽度,可以从左侧应用一半边框,从另一侧应用一半边框或切换框大小。