Float(浮动)
CSS 的 Float(浮动)会使元素向左或向右移动,其周围的元素也会重新排列。
Float(浮动)往往是用于图像在布局时一样非常有用。
一个浮动元素会尽量向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。
例:
img
{
float:right;
}
如果把几个浮动的元素放到一起,如果有空间的话,它们将彼此相邻
1.浮动的性质。
1.浮动的元素脱标。
常见的标签都是标准流,区分行块,如果给元素设置浮动属性会脱离标准流,元素既可以设置宽高,又可以排在一行。
未脱标:
脱标后:
2.浮动元素的依次贴边
浮动分方向:左浮动和右浮动。
多个浮动的元素在一个父盒子内,会根据书写标签的顺序依次贴边。
以左浮动为例:父盒子的左边框内部 < 盒子一 < 盒子二 < 盒子三。