我有一个包含三个子 div 的容器 div。见附件。
中心 div 可以动态拉伸高度。我想要的是如果容器 div 将与中心 div 一起拉伸,那么左侧 div 将拉伸以适应新的容器 div,因此与中心 div 保持同步。
任何人都知道一种纯粹的CSS方式来做到这一点?
我有一个包含三个子 div 的容器 div。见附件。
中心 div 可以动态拉伸高度。我想要的是如果容器 div 将与中心 div 一起拉伸,那么左侧 div 将拉伸以适应新的容器 div,因此与中心 div 保持同步。
任何人都知道一种纯粹的CSS方式来做到这一点?
是的,如果你有一个底部边框,这是有道理的。如果您需要有关 javascript 的帮助,请告诉我们。不过,不会有纯 CSS 方法来实现这一点。您必须使用 javascript 找到中心 div 的高度,并告诉您的左 div 高度相同。
这实际上并没有调整列的高度,但是在没有实际内容向下推高度的情况下实现此效果的唯一非 JavaScript 方法是使用假列。您将背景图像应用于模仿列的父元素。不适用于响应式设计,但 A List Apart 的好人在此处解释该方法做得更好http://www.alistapart.com/articles/fauxcolumns/