Heim  >  Artikel  >  Web-Frontend  >  IE8和谷歌浏览器下的圆点居然跑右边去了_html/css_WEB-ITnose

IE8和谷歌浏览器下的圆点居然跑右边去了_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:13:121431Durchsuche

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

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


  
 焦点新闻  更多..  

  


回复讨论(解决方案)

.jdxw .news li{margin-top:5px; margin-right:6px; height:auto;}
去掉 height:auto;

height:auto;导致的

.jdxw .news li{margin-top:5px; margin-right:6px; height:auto;}
去掉 height:auto;

height:auto;导致的

不知道怎么的..原网页里还是不行..这个精简代码确实行了.
我已经将所有涉及ul和li,相关div的代码都挖出来了..

懂了。里面的a左浮动了,导致那个圆点被粘到右边去了
这样看来那个圆点应该是list-style-type:disc样式规则定义后由HTML解析器插入到li里面的一个字符元素,与a和我的另一个span(日期)并列在li里面,而a浮云了导致它浮向右边了..

但火狐的浏览器并不把它解释为一个li里的元素(前缀符号..),仅仅是绘制在li左边的一个符号,我是这样理解的.

于是,我将li左浮动,取消a的浮动,再将日期span单独出来右浮动,外层再包一个p什么的...反正不要在li里面搞浮动就好了.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn