Object dislocation in Div

As follows:

<Div style = "width: 1000px;"> <Div style = "float: Right; width: 490px;"> right </div> <Div style = "width: 490px; "> left </div>

Sometimes, in some browsers (such as Microsoft's ie series), the right and left are not in one line, but are misplaced and each occupies one line. However, the sum of their widths does not result in such explosive growth.

Things in the world are so amazing. When I want to break my head, I add a hop border, and they will return to the normal state:

<Div style = "width: 1000px; Border: solid 1px red;"> <Div style = "float: Right; width: 490px; "> right </div> <Div style =" width: 490px; "> left </div>

It seems that sometimes the browser may also have a short circuit, without drawing a border line, it does not know that it is inside the box.

If it is hard to see the border, you can set the border color to the same color as the background color.