css3种清除浮动方法_html/css_WEB-ITnose
来源：动视网
责编：小采
时间：2020-11-27 16:26:12
css3种清除浮动方法_html/css_WEB-ITnose
css3种清除浮动方法_html/css_WEB-ITnose: .test{ zoom: 1; border: 1px solid #f00; } .test:after{ display: block; clear: both; visibility: hidden; height: 0; content: ''; } 清除浮动 方法1： test{clear:both;} test为浮动元素的下一个兄弟元素 方法2： test{display:block;zoom:1;overflow:hidden;} test为
导读css3种清除浮动方法_html/css_WEB-ITnose: .test{ zoom: 1; border: 1px solid #f00; } .test:after{ display: block; clear: both; visibility: hidden; height: 0; content: ''; } 清除浮动 方法1： test{clear:both;} test为浮动元素的下一个兄弟元素 方法2： test{display:block;zoom:1;overflow:hidden;} test为
清除浮动 方法1： test{clear:both;} test为浮动元素的下一个兄弟元素 方法2： test{display:block;zoom:1;overflow:hidden;} test为浮动元素的父元素。zoom:1也可以替换为固定的width或height 方法3： test{zoom:1;} test:after{display:block;clear:both;visibility:hidden;height:0;content:'';}
左浮动
下一个兄弟元素清除浮动
左浮动
左浮动
css3种清除浮动方法_html/css_WEB-ITnose
css3种清除浮动方法_html/css_WEB-ITnose: .test{ zoom: 1; border: 1px solid #f00; } .test:after{ display: block; clear: both; visibility: hidden; height: 0; content: ''; } 清除浮动 方法1： test{clear:both;} test为浮动元素的下一个兄弟元素 方法2： test{display:block;zoom:1;overflow:hidden;} test为
