块级元素和内联元素，如何用CSS控制，如何合理使用。定义1.块级元素：每个块级元素默认占据一行高度，如果有块级元素，则同行，不能添加其他元素（float除外）。特点：高度、行高和页边距和页边距都可以控制。宽度默认为100%，可以容纳内联元素和块元素。2.内联元素：可以和其他元素在一条线上。特点：宽度是其文字或图片的宽度。不可更改的内联元素只能容纳文本或其他内联元素。宽度宽度无效，高度无效。可以通过line-height来设置。margin只对left和right，up和down有效invalidsettingpadding只对left和rightpadding有效，对top和bottom无效。3、内联块元素：结合了内联元素和块元素的特点，但各有优缺点：没有自动换行可以识别宽高，默认从左到右排列。4、块级元素有哪些：div|dl（定义列表）|h1（以h开头的系列）|小时|菜单|醇|p|表|ul5.行内元素有哪些：a|乙|br|时间|我|图片|输入|标签|选择|跨度|强子|文本区域|u6。什么是行内块元素：button|删除|框架|插件|地图|object浮动元素：怎么用，有什么问题，怎么解决通俗解释1.首先你要知道div是块级元素，在页面中占一行，排列自从上到下。div1和div2，div2不会排在div1之后。很明显，标准的流程是不能满足要求的，这就需要使用浮动了。浮动可以理解为让一个div元素浮动在标准流之上，而标准流不是一个层次。假设上图中的div2是浮动的，就会脱离标准流，但是div1、div3、div4还在标准流中，所以div3会自动上移，占据div2的位置，形成新的流动。从图中可以看出，div2不再属于标准流，div3自动上移取代了div2的位置。div1、div3、div4依次排列成为新的流，而由于float漂浮在标准流上，div2将其挡住。div3的一部分，所以div3看起来更短。如果div2向右浮动，我们看到这样的效果：接下来我们向左添加div2和div3，效果如图：同理，div2和div3浮动后，div3会跟随div2，但是从上面每个例子中，div2是浮动的，但是没有跟在div1后面，所以可以得出一个重要的结论：div元素A是浮动的，如果元素A上面的元素也是浮动的，那么元素A会跟在后面的一个元素（如果它不能放在一行中，它将被挤到下一行）；如果A元素的前一个元素是标准流中的元素，那么A的相对垂直位置不会改变，也就是说A的顶部对齐前一个元素的底部。如果我们把div2和div4向左浮动，效果图如下：结论还是：div2和div4是浮动的，脱离标准流，所以div3会自动上移，与div1形成标准流。div2发现前面的元素是标准流元素，所以div2的相对垂直位置不变，与div1的底部对齐。div4发现前面的元素div3也是标准流中的元素，所以div4的顶部和div3的底部对齐。恭喜你，你已经掌握了添加浮点数。现在让我们谈谈清除浮动。使用上面的基本语法清除浮点数是非常容易理解的：clear:none|左|对|bothnone：两边都允许有浮动物体left：左边不允许有浮动物体right：右边不允许有浮动物体both：不允许有浮动物体根据上面的基础，如果只有两个元素div1和页面中的div2，都是向左浮动。场景如下：此时使用clearfloating，根据官方定义，读者可以尝试这样写，在div1中的样式中添加clear:right，了解div1右侧不允许有浮动元素，由于div2是一个浮动元素，它会自动向下移动一行以满足规则。其实这种理解是不正确的，这样做并没有什么效果。对于CSS的清晰浮动（clear），我们一定要牢记：这条规则只能影响使用clear的元素本身，不能影响其他元素。你怎么理解的？就拿上面的例子来说，我们想让div2移动，但是我们在div1元素的CSS样式中使用了clearfloat，试图通过清除div1右侧的浮动元素(clear:right;)来强制div2向下移动，这样不可行，因为这个clearfloat是在div1中调用的，只能影响div1，不能影响div2。根据结论，如果想让div2下移，就必须在div2的CSS样式中使用float。在这个例子中，div2的左边有一个浮动元素div1，所以只用clear:left;在div2的CSS样式中指定div2元素的左侧不允许出现浮动元素，从而强制div2向下移动一行。右浮动也是如此。参考：http://www.cnblogs.com/iyangy...
