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