在网页制作过程中，我们收集了div+css网页制作常见问题，下面一一列出来（div css教程）。

 1.如果利用<img>标签把图片放进表格单元里面，并注意到在图片下方有不需要的空间，那么设置它的display属性为block.

 2.text-align可以被继承，vertical-align属性不会被继承

 3.IE6.0图片下产生空隙

解决这个BUG的方法也有很多，可以是改变html的排版，或者定义img 为display:block。或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom。还可以设置父容器的字体大小为零，font-size:0;

 4.<meta http-equiv="X-UA-Compatible" content="IE=7" />的意思

 X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说，它是首选的兼容性模式。目前IE8尚在测试版中，所以为了避免制作出的页面在IE8下面出现错误，建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码：
<meta http-equiv="X-UA-Compatible" content="IE=7" />
这样我们才能使得页面在IE8里面表现正常！

 5.使用position:relative;

设置一个标签的position:relative;可以解决很多问题，特别是曾经有过看不见的经历或者奇怪布局的框架，当然你要小心，绝对位置放置的子元素是否都参照找到新位置。

 6.为浮动元素使用display:inline;

浮动元素会有一个著名的IE6.0双边距。假如你设置了左边距5px但实际上是10px左边距，display:inline可以解决这个问题，尽管它不是必需的，但是css仍然有效。

 7.去掉网页链接上点击时的虚线

方法1：在<a>标签中加入onFocus="this.blur()"语句：

<a href="#" onFocus="this.blur()">try</a>方法2：在<a>标签中加入hidefocus： <a href="###" hidefocus>link</a>

 方法2：如果连接太多，可以用外部链接 .HTC 文件。
如，blur.htc 文件内容如下：

<public:attach event="onfocus" onevent="makeblur()"/>
<script language="javascript">
function makeblur(){
this.blur();
}
</script>

在 CSS 中加入如下代码：

A { behavior:url(blur.htc); }

 方法3：使用CSS样式，可加入代码：

a {blr:expression(this.onFocus=this.blur())}
这样，站内所有的文章都实现了无虚线效果了。