收藏
回答

微信小程序wcss添加的部分样式不起作用

近日学习了小程序的布局,我删除了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 个回答

  • 小野
    小野
    2017-10-18

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

    2017-10-18
    有用
    回复
登录 后发表内容