2 周笔记
css常见布局: 固定布局:网页 px 流式布局: 百分比布局 响应式布局:css3 媒体查询 flex 布局:display:flex; 移动端 定位布局:pc网页 rem布局: 移动应用 .... 浮动布局:pc端网页 float:left|right|none; 作用:将多个块级元素进行横向排列
特性: 元素一旦浮动,脱离文档流(不占位)
影响: 1、浮动的元素会覆盖没有浮动的元素 2、子元素浮动造成父元素高度塌陷、清零 3、文字环绕在浮动元素周围
清除浮动:解决元素浮动后所造成的影响 1、增加第三元素 .clearFix{ clear:both|left|right; zoom:1; }
2、给父元素加 overflow:hidden; zoom:1;
3、万能清除 ::fater{ content:""; height:0; display:block; clear:both; zoom:1 } 溢出隐藏: o
2 周笔记最先出现在Python成神之路。
共有 0 条评论