在写css样式中,我们用了css,float标签(左右)浮动后,下面的自动向上排列问题,哪怎么解决呢?今天小编告诉大家,请看代码如下:
html:
<view class="user-info-box">
<view class="dportrait-box">
left
</view>
<view class="dinfo-box">
right
</view>
</view>
css:
.user-info-box{
overflow: hidden;
background: #fff;
padding: 20rpx 30rpx;
}
.dportrait-box{
float: left;
}
.dportrait{
width: 230upx;
height: 230upx;
border:5upx solid #fff;
border-radius: 50%;
}
注:就是加这个下面这个就OK了
overflow: hidden;