web前端培训课程之浮动优缺点

发布时间:2020年01月09日作者:atguigu浏览次数:886

概论

         浮动最开始是为了实现页面中的图文环绕效果,如今被大家广泛用于页面布局之中。

浮动(float)这个属性让我们又爱又恨,爱的是它的功能,恨的是他的负作用,那我们今天就来看看它有什么负作用,我们如何解决这些负作用。

浮动产生的负作用

      直接问题

         由于子元素开启浮动,导致父元素在计算布局时,无视了内部开启浮动的的子元素,从而导致父元素的高度塌陷(父元素高度为0或者高度错误)

间接问题

      1.背景不能显示

                  虽然父元素(parent元素)设置了background相关CSS样式,但是由于父元素(parent元素)高度为0,导致父元素(parent元素)背景无法显示

      2.页面布局错乱

在页面布局时,下面与父元素(parent元素)同级的兄弟元素会占据原本应该被当前父元素(parent元素)占据的位置

 


上一篇:
下一篇:
相关课程

java培训 大数据培训 前端培训

关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
全国统一咨询电话:010-56253825
地址:北京市昌平区宏福科技园2号楼3层(北京校区)

深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦3层(上海校区)

武汉市东湖高新开发区东湖网谷(武汉校区)

西安市雁塔区和发智能大厦B座3层(西安校区)

成都市成华区北辰星拱青创园(成都校区)