收藏
回答

为什么会出现,子元素margin:10rpx;后父元素执行了,子元素反而没有执行?

<view class="search-box">
  <view class="search">
    <input
      placeholder="输入关键词搜索"
      confirm-type='search'
      maxlength="15"
    />
    <image src='../../images/sousuo.png'/>
  </view>
</view>

.search-box{
  background: rgb(0,178,74);
  display: block;
  height75rpx;
  width750rpx;
}

.search-box .search{
  background: white;
  display: block;
  width720rpx;
  height65rpx;
  margin5rpx 15rpx;
}

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

3 个回答

  • Joson
    Joson
    2020-08-03
    这是因为子元素的margin溢出了父元素,你在父元素加个overflow: hidden就可以了
    2020-08-03
    有用 2
    回复
  • 植后一樱子
    植后一樱子
    2020-08-04

    看不懂

    2020-08-04
    有用
    回复
  • ( ̄o ̄) . z Z
    ( ̄o ̄) . z Z
    2020-08-03

    2020-08-03
    有用
    回复
登录 后发表内容
问题标签