Home > Web Front-end > HTML Tutorial > 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

WBOY
Release: 2016-06-24 12:13:12
Original
1482 people have browsed it

以下是涉事代码,你将它们都张贴出来了,,,求教怎么让那个圆点回到左边.火狐下是正常的.

===============


  
 焦点新闻  更多..  

  

    


  • 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.

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template