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

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

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

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