微信小程序wcss添加的部分样式不起作用
发布于 5 年前 作者 chaoyuan 5916 次浏览 来自 问答

近日学习了小程序的布局,我删除了app.wxss,index.wxss里的样式重新设置

wxml设置为

<view class=container”>

<view class=“item1”>

1

</view>

<view class=“item1”>

2

</view>

<view class=“item1”>

3

</view>

<view class=“item1”>

4

</view>

</view>

此时app.wcss为空,设置index.wxss为

.container{

height: 100%;

width:100%;

background-color: red;

}

.item1{

width: 100rpx;

height: 100rpx;

background-color:rebeccapurple;

border:2rpx solid white;

}

但是显示这样

1 回复

兄弟,你这个是css的问题啊。你对一个元素设置height: 100%,这个100%是根据父元素计算的,但你现在父元素并没有设置高度,所以你这个高度设置是不起作用的。结果就显示为所以子元素的总高度了

回到顶部