Nginx Cluster模式 Android开发 cocoa iis lambda static pygame 系统后台模板 angularjs教程 access教学视频 jquery遍历对象 打印缩放怎么设置 ceb转换成pdf在线转换 linux全局搜索文件 java上传图片 hbuilder插件 pythonassert函数 python运算 python指数函数 python传参 java斐波那契数列 java语言基础教程 java设置 java新建文件 java日期格式 java网络编程 服务器系统下载 剑三醉猿 subscribe 刷声望 王者荣耀自动刷冒险 3d看图软件 小票打印 babelrc xmind画流程图 office2010免费版 Linux进程查看 数据库同步解决方案 cad特性不显示
当前位置: 首页 > 学习教程  > 编程语言

浮动第七章被鸟

2020/7/24 9:12:40 文章标签:

什么是浮动

float 用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及到包含块或另一个浮动框的边缘。

为什么要清除浮动?

由于父级盒子在很多情况下,不方便给高度,比如一些新闻页面,因为新闻的长短是不确定的。

但是呢,不给高度吧,如果子元素设置成浮动,由于浮动是不占位置的,那么父元素的高度就会变成 0 ,从而影响下面的标准流盒子。

所以这就是清除浮动要解决的问题
属性值 描述

  • left 不允许左侧有浮动元素(清除左侧浮动的影响) right 不允许右侧有浮动元素(清除右侧浮动的影响)
    both 同时清除左右两侧浮动的影响 实际工作中,几乎只用clear: both;

清除浮动方法
额外添加标签法,也称为隔墙法
父级添加overflow属性
父级添加 after属性
父级添加双伪元素


本文链接: http://www.dtmao.cc/news_show_50008.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?