• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

求助 设置min-height,但窗口变小时,不同浏览器处理不一样!

居中布局解决方案body,html,.parent { height: 100%; overflow: hidden;}.parent { display: flex; flex-direction: column;}.parent .top { height: 100px; background-color: #fff;}.parent .middle { display: flex; flex: 1;}.parent .middle .left { width: 200px; background-color: pink;}.parent .middle .right { flex: 1; overflow: auto; background-color: yellow;}.parent .middle .right .inner { min-height: 500px;}.parent .bottom { height: 50px; background-color: red;}top   hello world
hello worldhello worldhello worldhello worldhello worldhello world
       inner


  bottom hello worldhello worldhello worldhello worldhello worldhello world
            
做了个布局的练习!设想是中间部分的右边,碰到窗口比较小时,会自动 出现滚动条!这个代码在chorme里没有问题可以实现,但在firefox和平时用的搜狗浏览器里,当窗口高度比较小的时候,不但没有出现滚动条,而且top和bottom部分,设了高度的部分居然会自己缩小!实在不明白!

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

全部参与1

做一个浏览器兼容

使用道具 举报

发新帖

发布任务需求已有1031288位用户正在使用天盟网服务

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!