DIV里面添加链接标签,下面就会莫名其妙的重复一个DIV,且内容为空。
截止目前的实践,IE浏览器重复显示空的div有以下两种原因:
1.DIV里面添加的链接标签有问题
如果div结构是这样:
<div class="content">
<a href="#">哈哈哈<a/>
</div>
<div class="content">
<a href="#">哈哈哈</a>
</div>
那么它在IE9以下的浏览器中这样显示:
将<a/>改为</a>,则会正常显示,如下:
2.form嵌套导致DIV重复显示
如果代码结构是这样:
<form action="">
<div class="content">
<form action="">
哈哈哈
</form>
</div>
<div class="content">
哈哈哈哈
</div>
</form>
那么它在IE9以下的浏览器中会这样显示:
如果去除嵌套,也即删除一个form,则会正常显示,如下图: