关于ul下内插入内容标签自动换行不在同一行问题

前提,li span {float:right;}
如果这么写
  • 美纤网2013.05.23

  • 这个日期就会窜到下一行去
    而如果这样
  • 2013.05.23美纤网

  • 日期和文字就会同行显示
    问题出来了,
    第一:这是为啥呢?
    第二:如何给span定义属性让他能够在第一种html写法下不换行?
    当初来看,比较诡异的现象
    仔细分析一下,原来是这样
    Span本身虽然是内联元素,但加上浮动后它就变成了块级元素了,所以才会自动换行,
    浮动元素的顶端不能高于先于它出现的浮动元素或段落的顶端
    看下面这个例子就清楚了:



    测试



    加float宽高有作用,
    不加float宽高无作用


    所以,上面的例子应该
    li{position:relative;}
    li span{position:absolute ;right:0px;}
    这样来写,如果水平不齐的话
    那么可以用个top来解决 

    你可能感兴趣的:(java)