Use Br Instead of Div to clear float

When I started to set up my own blog, I tested it in IE, Firefox, chrome, and 360 browsers, and there was no problem with front-end performance. A few days ago, a foreign friend sent a message to my blog saying that my blog was a problem when he browsed it. He used opera. I immediately ran a opera test. In opera, the margin under the navigation bar becomes very small.

The following is a comparison between IE and opera:

Involved performanceSource codeAs follows:

<Div id = "lt_title"> <span Title = "article title">  
 
# Lt_navigation_top {margin: 0 0 43px 0; border-top: dotted 1px # CCC; color: # CCC; font-family: century Gothic, Arial, Helvetica, Georgia, sans-serif ;}
 
After testing, it is found that DIV has a default height when floating is cleared, and it is abnormal in opera.
 

 
Change the DIV to the following method and try again.
 

 
<Div style = "clear: Both; Height: 0"> </div>
 
 
The effect is basically as expected, but there is still a small difference. In the end, simply replace Div with Br to clear the floating
 

 
<Br style = "clear: Both; Height: 0; font-size: 0px;">
 
 
Solve the problem.