ホームページ >ウェブフロントエンド >htmlチュートリアル >IE8 と Google Chrome の下のドットは実際には right_html/css_WEB-ITnose に移動しました。

IE8 と Google Chrome の下のドットは実際には right_html/css_WEB-ITnose に移動しました。

WBOY
WBOYオリジナル
2016-06-24 12:13:121459ブラウズ

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

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


  
 焦点新闻  更多..  

  

     ;
12&id=84" target="_blank">統計によるとニュー エクスプレス ニュースが見つかりました[07-06]
  • New Express News の統計によると、 、顧客満足度が第一です[07-06]

  • /ShowInfo.php?classid= 12&id=82" ターゲット="_blank">統計によると、New Express News は、大変な努力の末にこれほどの成功を収めたことを発見しました[07-05 ]< /li>
    統計によると、
    「fl」href=" /e/action/ShowInfo.php?classid=12&id=28" target="_blank">New Express ニュース統計調査トレーニング [07-04] ]
    & lt;/a> ;[07-04] height:auto;
    height:auto; を削除します。
    .jdxw .news li{margin-top:5px; margin-right:6px; height:auto;}
    height:auto; を削除します
    原因はわかりません。元の Web ページでは機能しません。この簡素化されたコードは機能します。
    ul、li、および関連する div に関連するすべてのコードはすでに結合されています。すべて掘り出されました。

    わかりました。中の a が左に浮いているため、ドットが右にくっついてしまいます

    ドットは list-style-type:disc スタイルルールが定義された後に HTML パーサーによって li に挿入される文字要素である必要があるようです。これは、a と他のスパン (日付) とともに li にリストされており、a はフローティングであるため、右側にフローティングします...

    しかし、Firefox ブラウザーは、これを li の要素 (接頭辞記号) として解釈しません。 ) は、li の左側に描かれた単なる記号です。これが私が理解する方法です

    そこで、li を左側にフローティングし、a のフローティングをキャンセルして、日付スパンを分離して右側にフロートさせました。それを外側のレイヤーで p か何かで包みます... とにかく、li で float を作らないでください。

    声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。