html中的浮动
2015-11-03 17:42
246 查看
浮动的原理:
1、浮动的元素脱离文档流,不占据正常的文档流的空间,原来被占据的空间,被仍然在文档流中的元素自动填补。
2、浮动元素的定位,基于正常文档流。
元素脱离文档流之后的规则:
1、浮动元素失去了独占一整行的特征。
2、浮动元素若是不设置宽高,其宽高都随内容而定。
3、浮动会自动将内联元素转换为块元素(特殊的块元素)。
清浮动:想要去除上面的浮动对下面元素的影响,可以使用清浮动。
Clear:both;
1、浮动的元素脱离文档流,不占据正常的文档流的空间,原来被占据的空间,被仍然在文档流中的元素自动填补。
2、浮动元素的定位,基于正常文档流。
元素脱离文档流之后的规则:
1、浮动元素失去了独占一整行的特征。
2、浮动元素若是不设置宽高,其宽高都随内容而定。
3、浮动会自动将内联元素转换为块元素(特殊的块元素)。
清浮动:想要去除上面的浮动对下面元素的影响,可以使用清浮动。
Clear:both;
相关文章推荐
- Html中元素的分类
- 如何预览github中的html页面
- html中table插入空行,一定要设置高度。
- html 图像映射(一个图像多个连接)
- 关于HTML代码的转义
- html块 布局
- HTML 列表
- HTML 表格
- FileReader:读取本地图片文件并显示
- 杭电1088&zoj1099 Write a simple HTML Browser
- 弹窗口显示html页面
- HTML 链接
- 文本框限制输入html脚本
- 截取HTML中代码块生成图片
- pdf转换html转换器的选择及操作方法
- 使用Spannable或Html.fromHtml设置字体、颜色、超链接等
- HTML学习 <9>
- 关于网页Ajax表单的优化写法
- html列表
- 利用POI将word转换成html实现在线阅读