IE6 中奇怪的边距
这是代码:
<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>
IE6 中这 2 个 div 由白柱分隔。在 FireFox 中这是可以的(div 没有分开)。您能给我一些在 IE6 中解决此问题的建议吗?
Here is the code:
<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>
These 2 div in IE6 are separated by white column. In FireFox it's ok (divs aren't separated). Can you please give me some advice to fix this in IE6?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这是一个已知的 IE6 错误。最好在这里阅读:http://www.positioniseverything.net/explorer/thirdpxtest.html
一个快速解决方法是将两个 div 向左浮动(但这并不总是适用)。
That's a known IE6 bug. It's best to read here: http://www.positioniseverything.net/explorer/threepxtest.html
A quick fix would be to float to the left both your divs (but it's not always applicable).