【问题标题】:How can i have text that is always float: right with a horizontal scroll bar我怎样才能拥有始终浮动的文本:右侧带有水平滚动条
【发布时间】:2012-05-10 22:14:32
【问题描述】:

我在网页顶部有一个顶部导航部分,我有一些内容设置为

 float: right;

这很好用,只是页面的内容部分现在很宽(我必须设置min-width: 1700px;

现在的问题是 float: right 效果很好,除非我向右滚动,它不再在右侧。

我的选择是:

  1. 也将顶部部分设为min-width:1700px,但它们会向右浮动,除非我向右滚动,否则不会显示

有什么办法可以让float: "rightofMonitor" 默认显示在监视器查看屏幕的右侧,但是当我水平滚动时它会继续向右移动。

【问题讨论】:

  • 任何 HTML 示例可以使用?

标签: html css css-float


【解决方案1】:

你可以使用这个:http://jsfiddle.net/XHRkS/

使用position:fixed;right:0;

【讨论】:

  • 你可能想设置顶部或底部来整理位置
【解决方案2】:

忘记浮动。您应该将位置设置为absolute,然后将right 设置为0

【讨论】:

  • 取决于您如何设置HTML,如果它只是一个单独挂出的元素,则绝对定位有效,如果它有像​​您的JSFiddle这样的包装器,那么fixed就是要走的路.
【解决方案3】:

听起来你把它放在一个容器里,它漂浮在容器的右边,而不是身体。将其从容器中取出并将其放在身体标签下方。或者给它right:0;的绝对定位

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-12-15
    • 2021-10-24
    • 2019-08-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-04
    • 1970-01-01
    相关资源
    最近更新 更多