前端之家收集整理的这篇文章主要介绍了
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'>
</div>
您也可以在右侧执行相同操作,右键替换左侧的属性。
记住,周围的div需要位置:相对于这个工作。我不知道50%的高度设置是否能够在整个浏览器中保持一致 – 确保测试它。如果没有,您可能需要诉诸像素度量。
原文链接:https://www.f2er.com/css/218068.html