浮动相关homework

1.简述块元素和行内元素的概念及特性

每个块级元素通常都会独占一行或者是多行，可以对其单独设置高度,宽度以及对齐等属性。

常见的块级元素有：<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等

行内元素（内联元素）：不占有独立的区域，仅仅依靠自己的字体大小或者是图像大小来支撑结构。

一般不可以设置宽度，高度以及对齐等属性。

常见的行内元素有：<a >,<strong>,<b>,<em>,<del>,<span >等

默认的宽度就是它本身的宽度

2.了解浮动在网页中的应用，left和right的区别？

浮动样式在网页中可以进行更多样化的布局。它能够使浮动属性的元素会脱离原所在空间，移动到其父元素中指定位置的过程。

left和right的区别在于决定着浮动的位置,left表示向左浮动,right则是向右浮动

3.使用clear属性清除浮动时，属性值left、right和both有什么区别？

允许两边都可以有浮动对象；both：不允许有浮动对象；left：不允许左边有浮动对象；right：不允许右边有浮动对象。

4.解决父级边框塌陷的4种方法分别是什么，各自的使用场景是什么？

（1）浮动元素后面加空div，简单，但是会造成代码冗杂 （2）设置父元素的高度，简单，但元素固定高会降低元素可扩展 （3）父级添加overflow属性，但是有下拉列表框的场景不能用（4）父级添加伪类after，写法稍复杂，但没有副作用，推荐使用

5.学员操作:PPT第16页(制作电视剧详情列表页面