1.

2.FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不

3.浮动ie产生的双倍距离

#box

这里细说一下block,inline两个元素,Block元素的特点是:总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是:和其他元素在同一行上,…不可控制(内嵌元素);

#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的的效果 diplay:table;

4.DIV浮动IE文本产生3象素的bug

5.高度不适应

高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节,特别是当内层对象使用

margin 或paddign 时。例:

<div id=”box”>

<p>p对象中的内容</p>
</div>

CSS:

#box

#box p

解决方法:在P对象上下各加2个空的div对象CSS代码:.1或者为DIV加上border属性。

6.图片产生的间隙

父元素直接包含<img>,这个图片下方会和父元素边缘产生间隙。
解绝方法:1.在源代码中让</div>和<img>在同一行,因为那个间隙是由换行符产生的。  2.给<img>添加样式  display:block;

7.最小高度问题

块元素最小高度为10px,当高度定义小于10px时,仍为10px;
解决方法:为此块元素添加样式  overflow:hidden;   或   让此款块元素的字体大小等于此会元素的高度。

8.

9.

10.

11.

12.

13.

14.