近日在画一个界面的时候，遇到一个需求：在界面当中画一条竖线，且这条竖线在高度上需要自动占满整个父div(即这条竖线的高度和两个div中较高的一个等高)。
往常我们画一条横线直接用标签即可，当画一条竖线的时候发现找不到标签。在网上查找了一下资料，大致推荐用js来做。小弟比较偏执想用纯css来做，最终找到了解决方法，下面我就来分享一下我的做法。
在两个子div中加多一个div，并设置左（右）边框为可见，并且利用利用padding-bottom|margin-bottom正负值相抵消的原理。例如设置 padding-bottom:1600px; margin-bottom:-
2022-02-22 01:27:59
81KB
1
灰色全屏图片画廊自适应css模板_灰色 高斯模糊 图片 画廊 展示 宽屏 自适应.zip灰色全屏图片画廊自适应css模板_灰色 高斯模糊 图片 画廊 展示 宽屏 自适应.zip
2022-02-21 17:02:42
236KB
灰色数码科技展示CSS模板_灰色 数码 科技 展示.zip灰色数码科技展示CSS模板_灰色 数码 科技 展示.zip
2022-02-21 17:02:41
198KB
婚恋交友类型网页CSS模板07_婚恋 交友 蓝色 企业 花纹 黑色 个性.zip婚恋交友类型网页CSS模板07_婚恋 交友 蓝色 企业 花纹 黑色 个性.zip
2022-02-21 17:02:31
647KB
婚恋交友类型网页CSS模板10_婚恋 交友 红色 企业 黑色 漂亮 大气.zip婚恋交友类型网页CSS模板10_婚恋 交友 红色 企业 黑色 漂亮 大气.zip
2022-02-21 17:02:30
512KB
家居企业CSS模板_家居 企业 灰色 白色 简洁.zip家居企业CSS模板_家居 企业 灰色 白色 简洁.zip
2022-02-21 17:02:16
137KB
简单的房地产类建筑商业CSS模板10_房地产 地产 建筑 蓝色 商业 企业 大图 漂亮.zip简单的房地产类建筑商业CSS模板10_房地产 地产 建筑 蓝色 商业 企业 大图 漂亮.zip
2022-02-21 17:02:08
361KB
简单的个人博客CSS模板_蓝色 标准 简单 博客 企业 建筑.zip简单的个人博客CSS模板_蓝色 标准 简单 博客 企业 建筑.zip
2022-02-21 17:02:08
244KB
简单的鸟类企业CSS模板_简单 鸟类 企业 灰色.zip简单的鸟类企业CSS模板_简单 鸟类 企业 灰色.zip
2022-02-21 17:02:06
146KB
简单的相册CSS模板_简单 相册 图片 Gallery.zip简单的相册CSS模板_简单 相册 图片 Gallery.zip
2022-02-21 17:02:05
347KB