近日学习了小程序的布局,我删除了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;
}
但是显示这样

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