我希望你能帮我找到一个解决方案,解决我在尝试使用纯CSS时遇到的问题,这与Matthew James Taylor的等高列有关。 我正在尝试在用户悬停在列上时向列添加
此外,图像中的灰色水平线将伸展到页面的100%宽度,并且将与黑色
border-bottom
(见图1)。 我遇到的问题是,由于这些DIV
嵌套在一起,边框似乎重叠在彼此上面(见图3)。我想让所有边框处于相同的水平线上,因为我想要的效果是它们与灰线重叠。此外,图像中的灰色水平线将伸展到页面的100%宽度,并且将与黑色
border-bottom
处于相同的水平线上。 当没有悬停在任何标题(hi there!,contact,twitter)上时,我希望具有内容的列向上滑动,直到只有标题可见,这将是我想仅使用JavaScript完成的唯一事情。也许仅使用CSS不可能实现所有这些,或者可能有更好的方法?
**
#col3
添加border-bottom
,但它将边框定位到内容末尾而不是列底部。这将破坏我正在尝试实现的重叠效果。不过谢谢你的帮助,Matt。我很感激。 - Jason