float
来源:互联网 发布:apache性能测试工具ab 编辑:程序博客网 时间:2024/06/04 23:28
- 浮动的概念
浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。 - 浮动的例子
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .div1 { width: 100px; height: 100px; background-color: red; float: left; } .div2 { width: 100px; height: 100px; background-color: green; } </style> </head> <body> <div class="container"> <div class="div1"></div> <div class="div2"></div> 当框 1 向左浮动时,它脱离文档流并且向左移动,直到它的左边缘碰到包含框的左边缘。 因为它不再处于文档流中,所以它不占据空间,实际上覆盖住了框 2,使框 2 从视图中消失。 </div> </body></html>
3.清除浮动的办法
- 给父容器设置overflow: hidden
- 父元素也设置浮动
- 在浮动元素末尾添加一个空的标签例如
<div style=”clear:both”></div>
- 给父元素添加clearfix类
1 0
- float
- float
- float
- float
- float
- float
- float
- float
- float
- float
- float
- float
- float
- Float
- float
- float
- float
- float**类型与float*
- 读安卓开发者文档笔记
- 自定义样式dialog及使用
- 光流法对运动目标跟踪Video
- Scalaz(38)- Free :Coproduct-Monadic语句组合
- webservice学习笔记
- float
- 修炼成C++高手必看的C++书单
- 视频前景的提取Video
- 你还在我身旁
- 数据持久化方式
- mybatis学习笔记二mybatis结合spring mvc实现(用户登录,数据查询)
- AndroidManifest注解
- rpm 安装指令全 yum 安装 卸载命令
- eclipse点击一个变量名不会出现同名的变量 的高亮提示