关于布局的问题,文本脱离了容器
wxml中代码如下 :
<view style=‘width:100%;border:1px solid red;’>
<view class=‘item’ style=‘border:1px solid black;background:red;float:left;position:relative;left:200px;’>1</view>
<view class=‘item’ style=‘background:green;border:1px solid white;’>
3
<text style=‘border:1px solid green;’>2</text>
</view>
</view>
wxss中代码如下:
.item{
width: 100px;
height: 100px;
}
显示效果如下:
按照我的理解 这个 3 和 2 不是应该显示在 绿色的区域中么?
为什么会出现了脱离的父容器的问题。