为何下面view的margin会影响上面view的宽高?
发布于 5 年前 作者 tao66 3572 次浏览 来自 问答

想把一个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;

}

3 回复
  1. 你把第二个view包裹第一个view里面

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

你不用加 display:flex;

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

page{

position: relative;

width:100%;

height:100%;

}

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

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

包裹可以,谢谢!

回到顶部