css border-left 50％的高度

我想要我的div的左边界只显示一半的div。我想对我的右边边界也是这样，但是应该从div的底部到div的中间。我该如何实现？

解决方法

好问题。不可能使用border属性。

唯一想到的是，如果你能将div的位置设置为相对位置，就是使用绝对定位的1像素宽的div。没有彻底的测试，但这应该工作：

<div style='width: 1px; top: 0px; bottom: 50%; left: 0px; 
            background-color: blue; overflow: hidden'>
 &nbsp;
</div>

您也可以在右侧执行相同操作，右键替换左侧的属性。

记住，周围的div需要位置：相对于这个工作。我不知道50％的高度设置是否能够在整个浏览器中保持一致 – 确保测试它。如果没有，您可能需要诉诸像素度量。

原文地址：https://www.jb51.cc/css/218068.html