《网页设计与制作（HTML5+CSS3）立体化项目教程》 课件 16.浮动.pptx

网页设计与制作（HTML5+CSS3）主讲教师：周礼萍

01网页中的常见布局02浮动的语法03浮动的特性04清除浮动目录contents

PART1网页中的常见布局

网页常见布局方式13普通流（标准流）浮动定位2网页布局的本质——用CSS来摆放盒子（搭积木）。把盒子摆放到相应位置。CSS提供了三种传统布局方式：

标准流（普通流/文档流）所谓的标准流:就是标签按照规定好默认方式排列1.块级元素会独占一行，从上向下顺序排列。?常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table等2.行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自