css基础———浮动的作用及副作用
来源:互联网 发布:房地产软件有哪些 明源 编辑:程序博客网 时间:2024/05/16 04:42
1.文档流
在浮动中有一个文档流的概念,也称标准流————元素在排列的时候有默认开始位置以及他们所占的区域
2.浮动
使元素脱离文档流,按照指定的方向发生移动,遇到父级的边界或者相邻的浮动元素就会停下来.
浮动的目的:为了达到自己的布局目的,让指定元素定位在指定位置,并且可以设置浮动后的行级元素的宽高,我们就需要用到浮动
3.浮动的副作用
1). 块状元素,会钻进浮动元素的下面,被浮动元素所覆盖,像这样
2). 行内元素,例如文字, 则会环绕在浮动元素的周围,为浮动元素留出空间,像这样:
3). 浮动元素的父元素坍缩, 像这样:
如果我们不希望要这些效果,就需要清除浮动来解决后患,使后面的元素表现的跟浮动前一样,这样
我们既实现了黄色元素浮动,又实现了后来的元素不会受其影响产生不必要的麻烦。
阅读全文
0 0
- css基础———浮动的作用及副作用
- css基础———清除浮动的一些方法及区别
- 一天搞定CSS: 浮动(float)的副作用--12
- CSS—浮动
- CSS—消除浮动
- CSS——浮动的清除
- CSS页面布局基础3——元素浮动
- CSS浮动Float——基础知识及兼容性问题
- div+css基础——4.div浮动引发的问题
- CSS笔记——浮动
- CSS—定位与浮动
- CSS中浮动(Float)的作用
- css 中浮动(Float)的作用
- CSS中清除浮动的作用以及如何清除浮动
- Java_基础—finally关键字的特点及作用
- CSS—清除浮动的几种方式
- CSS基础-5 浮动,margin的bug,清除浮动
- css浮动及清除浮动
- hbase常见错误----单机版hbase启动失败zookeeper.RecoverableZooKeeper: ZooKeeper exists failed after...
- python安装beautifulSoup
- 125. Valid Palindrome
- 单例模式精讲
- ROS学习笔记(一):在ROS中使用USB网络摄像头传输图像
- css基础———浮动的作用及副作用
- qt模态对话框 以及exec()事件循环简单实现
- mysql查看一张表有多少字段
- android Application生命周期
- bzoj1485: [HNOI2009]有趣的数列
- fmpdam1.2协议报文格式说明
- 刷单、套证不止,美团是要成新《反不正当竞争法》“第一案”?
- 用黑金例子说如何快速分配引脚
- CentOS 6.2 下samba 服务的配置