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

发布于 6 年前作者 tao663716 次浏览最后编辑 6 年前来自 ask

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

<view class=“page-bg” style=“background-image: url(‘https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999\_10000&amp;sec=1528880710726&amp;di=d15de83602f929fdfaa61d1f4f7ff4b5&amp;imgtype=0&amp;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 回复
jie16
jie161 楼6 年前
  1. 你把第二个view包裹第一个view里面

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

qguo
qguo2 楼6 年前

你不用加 display:flex;

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

page{

position: relative;

width:100%;

height:100%;

}

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

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

pshao
pshao3 楼4 年前

包裹可以,谢谢!