收藏
回答

为何下面view的margin会影响上面view的宽高?

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug view 工具 6.6.7 2.1.0

想把一个view当背景使用,宽高为100%,但第二个view设置margin属性时影响第一个view的宽高。有什么办法?


<view class="page-bg" style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528880710726&di=d15de83602f929fdfaa61d1f4f7ff4b5&imgtype=0&src=http%3A%2F%2Fs9.sinaimg.cn%2Fmw690%2F6cb2b120gd4be73eb8d38%26690')">

</view>

<view style='margin-top:100rpx;'>界面</view>


 

.page-bg{

 z-index:-50;

 position:fixed;

 display: flex;

 width:100%;

 height:100%;

 background-size:cover;

}


最后一次编辑于  2018-06-20  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

3 个回答

  • 罗思阳
    罗思阳
    2018-06-20
    1. 你把第二个view包裹第一个view里面

    2. flex属性自己根据需求重新更改一下

    2018-06-20
    赞同 11
    回复
  • 热血青年·孙
    热血青年·孙
    2018-06-20

    你不用加 display:flex;

    另外,你还需要加以下代码:

    page{

    position: relative;

    width:100%;

    height:100%;

    }


    因为下面的 view 把 page 撑开了,所以就影响到了.page-bg 了。

    默认情况下 page 是变高的。你只需要把它写成定高就可以了。

    2018-06-20
    赞同 11
    回复
  • 海阔天空
    海阔天空
    2018-06-20

    包裹可以,谢谢!

    2018-06-20
    赞同
    回复