主页

浮动特性

  1. 脱离标准普通流的控制(浮)移动到指定位置(动),俗称脱标()
  2. 浮动的盒子不再保留原先的位置

浮动

如果多个盒子都设置了浮动,则它们会按照属性值一行内显示并且顶端对齐排列
浮动
注意:浮动的元素是互相贴靠在一起的(不会有缝隙),如果父级宽度装不下这些浮动的盒子,多出的盒子会另起一行对齐


任何元素都可以浮动,不管原先是什么模式的元素,添加浮动之后都具有行内块元素相似的特性

浮动元素和标准流父级搭配使用

先用标准流的父元素排列上下位置,之后内部子元素采取浮动排列左右位置,符合网页布局第一准则标准流父元素套浮动元素
浮动


一浮全浮

一个盒子里面有多个盒子,如果其中一个盒子浮动了,那么其他兄弟也应该浮动,以防止引起问题。
浮动的盒子只会影响浮动盒子后面的标准流,不会影响前面的标准流

CSS

版权属于:Joe
作品采用:本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
0

目录

来自 《CSS-浮动》
评论

qiaofugui

博主很懒,啥都没有
188 文章数
14 评论量
3 分类数
191 页面数
已在风雨中度过 2年131天22小时9分