我试图并排编写一个带有两个标签的网页，并且示例代码是我所写内容的简化版本。
当我尝试使用w3scool之类的在线编辑器时，IE8和其他浏览器的布局有所不同。
当左边距足够大时，在IE8上，div“ b”已被转移到“ a”下。但是在其他浏览器上，它们在同一行。
<html>
<head>
<style type="text/css">
p.leftmargin
{
margin-left: 25%
}
</style>
</head>
<body>
<div id="a" style="float:left;">
aaaaa<br>
aaaa<br>
aaa<br>
aa<br>
a<br>
a<br>
a<br>
a<br>
a
</div>
<div id="b" style="margin-left:1000px;">
bbbbb</div>
</body>
</html>
我知道这个问题是有线的，但我想知道是由浏览器引起的，或者我可以通过更改代码来解决此问题。