HTML中CSS+DIV应用

自己写了个DIV

用CSS控制宽度和高度

DIV里面放了张图片<img>

DIV的宽度和高度正好和图片大小相同

不图片插进去后。DIV下面总是会出现空隙。不管怎么调DIV高度。下面仍然有间隙。。怎么解决。

（将图片设为DIV的background-image这个可以。但是这样达不到我要的效果了。）

这个大部分原因是你的页面源代码排版：

<div>

<img />

</div>

这个时候由于某些浏览器的原因，会将img标签后面的换行当成一个字符而出现一些空隙。

第一，你可以将图片一行的DIV源码改成：

<div><img /></div>

这样的同一行。

第二，如果还是不行，请设置overflow并且将外框架的尺寸设为略小于图片本身。（但是注意浏览器兼容性）。

第三，请尽量不要使用IE浏览器来测试DIV+CSS的布局，虽然这个浏览器在国内有很大的市场。

把你代码给我看看,div边框是否设为0。