css - CSS水平或垂直线小于div的高度或宽度

Question

我有两个高度相同的 div 垂直对齐，彼此并排。作为它们之间的视觉分隔符，我希望有一个 3px 宽的矩形条，它几乎是 div 的高度，以它们垂直居中，浮动，以便有大约 10px 的顶部和底部没有被分隔符覆盖。

我也想为水平 div 做类似的事情。

我想要做的快速 Photoshop 模型（蓝色轮廓是 div 的大致位置，蓝色文本是 div 的描述）灰线是我希望分隔器用于 3 个 div 的位置：

http://imageshack.us/a/img821/9444/divs.jpg

Answer 1

也许是这样的。根据您的喜好调整值。现在我把它们变成了一个百分比。

http://jsfiddle.net/frexuz/3CSde/1/