您现在的位置是:首页> 网站开发

justify-content:flex-end不能显示垂直滚动的坑

  • 4540人已阅读
  • 时间:2020-02-24 23:45:52
  • 分类:网站开发
  • 作者:祥哥

justify-content:flex-end 不能和垂直滚动条显示.解决办法

#container {
 overflow-y:auto; 
 display:flex; 
 flex-flow:column nowrap; 
 / * justify-content:flex-end;不要使用:中断滚动* / 
} 
 #container> :first-child {
 margin-top:auto!important; 
 / * use!防止儿童保证金设置损坏很重要* / 
}

使用flex-flow:来替换.

并设置第一个子元素margin-top:auto;

Top