1、清除浮动的方法
①、给浮动元素的父级盒子设置一个固定的高度
优缺点:不够灵活,适用于高度固定的布局中
②、为浮动元素的父级盒子设置浮动
优缺点:会产生新的浮动问题
③、为浮动元素的父盒子添加overflow属性;overflow的属性值可以是hidden、scroll、auto
优缺点:可能会隐藏内容或触发不需要的滚动条;代码简洁
④、为浮动元素之后,与浮动元素成并列关系的位置,加一个空的div标签(div本身不浮动,没有尺寸)在空的div标签上添加属性:clear:both
优缺点:代码冗余,通俗易懂,书写方便
clear: left; 清除左侧浮动带来的影响
clear: right;清除右侧浮动带来的影响
clear: both;清除两侧浮动带来的影响
⑤、推荐方式:给浮动元素的父级盒加类名.clearfix,并在.clearfix中添加样式:
.clearfix{
*zoom:1;
}
处理IE6,IE7兼容
.clearfix::after{
content:'';
display:block;
clear:both;
}
2、$nextTick 怎么用
在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。
例如:在created生命周期中想要操作dom就可以使用
this.$nextTick(()=>{ ... })可以在mounted之前的生命周期中操作dom