一模一样的代码,显示的却不一样。
<view class="log-list"> <view class="log-box"> <view class="log-text">测试</view> </view></view><!-- <view class="log-list"> <view class="log-box"> <view class="log-text">测试测试</view> </view></view> --> |
.log-list { height: 200rpx; background: yellow; position: fixed; width: 100%; z-index: 999;}.log-box { height: 60rpx; background: rgba(0,0,0,.5); width: 100%;}.log-text { text-align: center; background: blue; height: 60rpx; line-height: 60rpx; width: 100%; color: #fff;} |
wxml的两个 log-list,显示的内容不一样,一个是贴近父容器,一个却和父容器有一定距离,这两个代码有区别吗??
正常效果,贴紧父容器
使用下面代码,却和父容器有距离,
为什么子容器会距离父容器有这段距离???
