好 耶
2021-08-04 16:36
采纳率: 83.3%
浏览 55
已结题

为啥会有一块空白区域,自 学小程序前端对css不了解

<view>
  <!-- head -->
  <view class="head">
    <view class="head_config">
      当前值:-14.8
    </view>
    <view class="container">
    <ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ec }}"></ec-canvas>
  </view>
  </view>
</view>

/* pages/weather/weather.wxss */
ec-canvas {
  width: 100%;
  height: 50%;
}
   
  .container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column; 
    justify-content: flex-start;
  }
   
.head{
    overflow: hidden;
    margin:10rpx;
  }
   
  .head_config {
    margin-left: 6rpx;
    width: 250rpx;
    height: 50rpx;
    padding: 8rpx;
    border-radius: 12rpx;
    background-color: #6ABD79;
    color: white;
    font-size: 36rpx;
  }

img
想知道这里为什么有一块白的

  • 好问题 提建议
  • 收藏

4条回答 默认 最新

  • chqbge 2021-08-08 11:05
    已采纳

    学会看HTML里的里的调试区里的调试器里面的wxml,调CSS非常方便啊,可是实时看到的

    img

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • angula_ 2021-08-04 16:48

    点开调试器,左上角有个图标点击一下,然后点在空白处,看看是什么东西在那里

    评论
    解决 无用
    打赏 举报
  • 自在猫先生 2021-08-04 16:52

    container 这个选择器 把padding的外边距去掉。

    评论
    解决 无用
    打赏 举报
  • 嘿嘿!请多指教 2021-08-04 17:11

    这个是你图表高度引起的

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题