DIV+CSS侧边栏自适应高度
DIV+CSS侧边栏自适应高度
EltonZheng
发布于 2021-01-26 14:24:56
发布于 2021-01-26 14:24:56
如上面这个比较经典的两栏布局。 如果sidebar1使用了背景平铺图片或者背景颜色，这时候，如果如果另一侧的mainContent比sidebar1高的话，就会出现sidebar1上半部分是之前指定sidebar1的背景，而下面则是这个container的背景。也就是说sidebar1定义的背景并没有自动随着页面高度的增加而自动延伸下来。
即使你把sidebar1的高度设置成100%也是没有效果的。
解决办法很简单，因为另一侧的mainContent的内容增加了，高度变高了，会自动导致包含它的container的高度也自然增加，所以如果把sidebar1的背景设置在container中就解决了。
如：
background: #fff url(../images/left_bg.jpg) repeat-y;本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
相关产品与服务
云数据库 MySQL
腾讯云数据库 MySQL（TencentDB for MySQL）为用户提供安全可靠，性能卓越、易于维护的企业级云数据库服务。其具备6大企业级特性，包括企业级定制内核、企业级高可用、企业级高可靠、企业级安全、企业级扩展以及企业级智能运维。通过使用腾讯云数据库 MySQL，可实现分钟级别的数据库部署、弹性扩展以及全自动化的运维管理，不仅经济实惠，而且稳定可靠，易于运维。