以下布局让我感到头疼。不应使用任何表，第二列必须是包含 all 行的单个元素。行应该从两列开始处于相同的高度。两个柱都是固定比例的流体。
我如何使用HTML和CSS实现这一目标？我宁愿选择没有任何JavaScript的语义优雅的解决方案。
+--------++------------------------+
| Row 1 || Row 1 |
| || |
+----------------------------------+
| Row 2 || Row 2 |
| || xxxxxxxxxxx |
| || xxxxxxx |
| || xxxxxxxx |
+----------------------------------+
| Row 3 || Row 3 |
| xxxx || |
| xxxxx || |
| xx || |
+----------------------------------+
| Row 4 || Row 4 |
| xxxxx || xxxxxxxxxxxxx |
| || xxxxxxxx |
| || |
+--------++------------------------+
为什么第二列必须是包含所有行的单个元素？
我需要应用一个封闭整个列高的盒子阴影。
box-shadow: 0 0 20px rgba(0,0,0,.3);