关于三栏布局边框线高度自适应问题的css解决思路笔记

背景

如图所示，布局分为左中右三栏，父元素高度自适应（由子元素高度撑开），三个子元素高度也是自适应的，由自身内容撑开，中间有两条分割线

问题

由于三个子元素高度完全不相同，导致分割线无法使用子元素的边框线（因为高度不一致，高度偏小的那个子元素的边框线会偏短）。

解决思路

两条分割线采用绝对定位的盒子来实现，父元素相对定位，两条分割线绝对定位，宽度为1px，top为0，bottom为0来撑开高度，再通过left定位位置即可，这样，就可以做到分割线随父元素高度自适应了。