Css IE6中的奇怪边缘
代码如下:Css IE6中的奇怪边缘,css,internet-explorer,html,margin,Css,Internet Explorer,Html,Margin,代码如下: <html><head> <style> * { margin: 0px; padding: 0px; border: 0px none; } #left { float: left; height: 90%; width: 100px; margin: 0px; padding:
<html><head>
<style>
*
{
margin: 0px;
padding: 0px;
border: 0px none;
}
#left
{
float: left;
height: 90%;
width: 100px;
margin: 0px;
padding: 0px;
border: solid 1px Black;
}
#right
{
height: 90%;
margin: 0px;
padding: 0px;
border: solid 1px Black;
}
</style></head><body><div id="left">
asdasd<br />
asdasd<br />
asdasd<br />
</div>
<div id="right">
asdasd<br />
asdasd<br />
asdasd<br />
</div>
*
{
边际:0px;
填充:0px;
边框:0px无;
}
#左
{
浮动:左;
身高:90%;
宽度:100px;
边际:0px;
填充:0px;
边框:实心1px黑色;
}
#对
{
身高:90%;
边际:0px;
填充:0px;
边框:实心1px黑色;
}
asdasd
asdasd
asdasd
asdasd
asdasd
asdasd
IE6中的这两个div由白色列分隔。在FireFox中没有问题(div没有分开)。你能给我一些建议来修复IE6中的这个问题吗?这是一个已知的IE6错误。最好在这里阅读:
一个快速解决方法是将两个div都向左浮动(但并不总是适用)。非常感谢。将“float:left”应用于两个div确实很有帮助。然而,我已经读到了关于“3px ie bug”的文章,并通过将“//margin right:-3px;”应用于左div解决了问题。效果很好。使用float并不能解决bug,只是禁用了复制条件。该修正案实际上应用了负的3倍保证金。