CSS 布局 - 浮动
float
:CSS 属性指定元素应该如何浮动。
float 属性
float
:该属性用于定位和格式化内容,例如,让图像向左浮动到文本容器中。
float
:该属性可以具有 以下值。
left
- 元素浮动到其容器的左侧right
- 元素漂浮在其容器的右侧none
- 元素不会浮动(将仅显示在文本中出现的位置)。这是默认设置inherit
- 元素继承其父元素的浮点值
float
:最简单的用法中,该属性可用于将文本环绕在图像周围。
示例 - float: right;
以下示例指定图像应在文本中向右浮动:
1 | img { float: right;} |
示例 - float: left;
以下示例指定图像应在文本中向左浮动:
1 | img { float: left;} |
示例 - 无浮动
在以下示例中,指定图像无浮动;
1 | img { float: none;} |
示例 - 彼此相邻浮动
float: left
:通常,div 元素将彼此叠加显示。但是,如果我们使用float: left
可以让元素彼此相邻浮动:
1 | div { float: left; |
0评论