收藏
回答

求助,简单的布局问题,outer为什么不是从顶上开始排列?

<!-- <view class="view2">这是第一条weibo </view> -->
<view class="container">
  <view class="outer">
    <view wx:for="{{weibos}}" class="view2"><view class="view">{{item}}</view></view>
  </view>
  <view class="footer">
    <button bindtap="writeWeibo" type="primary" class="button">写微博</button>
  </view>
 </view>
上面是WXML代码
下面是WXSS代码
pages/weibo/weibo1/weibo1.wxss
.view2{
  border: 1px solid #e4e4e4;
  width: 100%;
  height: 100%;
  text-align: center;
  margin: 20rpx;
}
.view{
  margin: 20rpx;
  color: pink;
}
.button{
  margin: 20rpx;
  bottom: 0rpx;
}
.container{
  width: 100%;
  height: 100%;
  background-color: aqua;
}
.outer{
  width: 100%;
  height: 800rpx;
  background-color: yellow;
}
这里是效果图

主要是想知道为什么黄色的outer不是从最顶上开始往下,谢谢各位

回答关注问题邀请回答
收藏

1 个回答

  • 社区技术运营专员-CJiang
    社区技术运营专员-CJiang
    04-07

    你好,复现情况如下:黄色在正上方,检查下是否有其他的元素影响到这个盒子?

    04-07
    有用
    回复 2
    • 罗新
      罗新
      04-07
      你是直接复制粘贴的吗?我刚刚新开一个项目,效果还是和我之前一样
      04-07
      回复
    • 罗新
      罗新
      04-07
      我解决了,是因为全局设置的问题,app.wxss里面有padding:200px,注释掉就好了,感谢回答
      04-07
      回复
登录 后发表内容
问题标签