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成神之路

版权声明:
作者:Mr李
链接:https://www.techfm.club/p/23190.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>