Home > Article > Web Front-end > The dots under IE8 and Google Chrome actually went to the right_html/css_WEB-ITnose
The dots under IE8 and Google Chrome actually went to the right_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:13:121431browse
以下是涉事代码,你将它们都张贴出来了,,,求教怎么让那个圆点回到左边.火狐下是正常的.
===============
- New Express News found according to statistics[07-06]
- New Express According to statistics, customer satisfaction comes first[07-06]
"fl" href="/e/action/ShowInfo.php?classid=12&id=82" target="_blank">According to statistics, Xinkuaibao News found that it was so successful after so hard work[07-05]
12&id=29" target="_blank">New Express News found according to statistics whether[07-04] Training [07-04]
/e/action/ShowInfo.php?classid=12&id=27" target="_blank"> According to statistics, New Express News found items that can be relied upon for survival[07-04]
🎜>
Reply to discussion (solution)
.jdxw .news li{margin-top:5px; margin-right:6px; height:auto;} Remove height:auto;
height:auto; resulting in
.jdxw .news li{margin-top:5px; margin-right:6px; height:auto;}
Remove height:auto;
height:auto; caused by
I don’t know why.. It still doesn’t work in the original webpage.. This simplified code does work.
I have All codes involving ul, li, and related divs have been dug out...
Got it. The a inside is floating to the left, causing the dot to be stuck to the right
It seems that the dot should be a character inserted into li by the HTML parser after the list-style-type:disc style rule is defined. The element is juxtaposed with a and my other span (date) in the li, and a has become cloudy, causing it to float to the right.
But the Firefox browser does not interpret it as a li. The element (prefix symbol...) is just a symbol drawn to the left of li. This is how I understand it.
So, I floated li to the left, canceled the floating of a, and separated the date span. Float to the right, and wrap a p or something in the outer layer... Anyway, just don't float it in li.