css样式之flex布局注意事项
2019年10月29日 4378

xiuno

在做内容页面的时候,用js实现侧栏自动跟着内容向下滑动。代码检查N遍没问题但是始终就是有差距,后来发现xiuno bbs用的是flex布局的,也就是所有的子div始终是和父容器最高的div高度保持一致.拿bbs.xiuno.com首页来说,

image.webp

左,右2个div的高度始终是以最高的为保持一致,所以这就导致jquery获取到的高度并不是内容真实的高度,解决此问题仅一句代码即可,在父容器添加一句

 align-items: flex-start;

image.webp

这才是真实的高度!

本文链接:

 

TAG


- End -




0 条评论
  • 表情
  • 游客你好,回复内容需要 登录 查看!