浮动和清除浮动
- html部分
<!-- 教程楼层 结束 -->
<!-- 浮动和清除浮动 -->
<!-- 没设置bfc overflow:hidden, 未浮动元素撑起父元素 -->
<view class="div1">
<!-- <text>一段文字</text> -->
<view class="div2">div2</view>
</view>
<!-- 浮动后,后面文字都跟着环绕排列 -->
<text>一段文字</text>
<text>一段文字</text>
<!-- view独占一行, text不会独占一行,是内联袁术 -->
<view>另一段文字</view>
<view>另一段文字</view>
<view>另一段文字</view>
</view>
- less部分
// 清除浮动
.div1 {
width: 200rpx;
// height: 200rpx;
border: 1px solid red; //方法一 bfc
// overflow: hidden;
// 方法二 只设置高, 不生效
// height: 100rpx;
overflow: hidden;
.div2 {
float: left;
width: 100rpx;
height: 100rpx;
background-color: aquamarine;
}
}
原文地址：https://blog.csdn.net/DavidsonGong/article/details/140577060
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！