1、布局
1) 默认文档流 1. 元素在网页中显示的程序与元素在代码中呈现的程序统一 2. 块级元素独占一行空间 3. 行内元素与其余元素共享一行空间2) 扭转默认布局 1. float:left/right 浮动布局,采纳浮动布局的元素会向左或者向右挪动 留神: 1、元素应用了浮动之后,会脱离文档流,从左向右排列,以后行宽度不够会主动换行 2、应用了浮动之后的元素,宽高由内容决定 3、元素在网页中本来的地位会被其余块级元素代替 4、应用了浮动之后的元素,其父元素的高度因为失去了撑持,所以变为0 革除浮动的形式: 1. 浮动元素的父元素::after { clear:both; content:''; display:block; } 2. 浮动元素的父元素 { overflow:hidden; } 3. 浮动元素的兄弟元素 { clear:both; content:''; }