Javascript firefox中的浮动元素问题

我的

h1

和

floating

元素有问题

我希望

页码

h1元素在我的

演示文稿

文本的右侧对齐

Chrome可以很好地显示结果，但不能显示firefox。

页码

文本在我的一张幻灯片图像中

这是我的名片

有人能帮我吗

Thansk

尝试删除

空白：nowrap

来自CSS for

#滑动容器

如果要使用“截面”标记，则需要指定宽度。否则，我建议使用DIV标记。我相信你的问题是分区标签没有宽度，也不会根据内容调整大小

有关浮动+区段标记的信息，请参见“”。
您只需包装h1即可

<div style="float:left; width:300px;">
    <h1>Presentation</h1>
</div>
<div style="float:left">
    <h1 >page number</h1>
</div>
<div style="clear:both"></div>


演示
页码
在此处执行了JSFIDLE:

更新的CSS代码

#page-count{
  float: right;
}

.break {
  clear: both;
}

h1{
  float: left;
}

Firefox拒绝显示浮动元素与存在于同一父元素下的非浮动元素内联。（Firefox始终对浮动元素使用
display:block；
）

使用
位置：相对并对
h1
s使用绝对定位，或浮动“表示”和“页码”