C SS中的浮动
郭亚东
(北京信息职业技术学院)
摘 要:本文档主要介绍浮动的概念,浮动属性和清除浮动的设置方法。
关键词:浮动概念;浮动属性;清除浮动
1 浮动概念
所谓元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制,移动到其父元素中指定位置
的过程。
请看图 1 所示,
图 1 浮动概念图
当把框 1 向右浮动时,它脱离文档流并且向右移动,直到它的右边缘碰到包含框的右边缘。
这就是一个元素右浮动的例子。
2 浮动属性oat
在 CSS 中,通过 oat 属性来定义浮动,常用的 oat 属性有 3 个,分别是:
left:元素向左浮动
right :元素向右浮动
none:元素不浮动(默认值)下面我们通过具体的实例,来看一下 oat 属性的应用效果吧!
在页面中,
1 / 8
CSS 中的浮动