css之悬浮问题，高手请进！！！！_html/css

css之悬浮问题，高手请进！！！！_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 12:17:12

原创

1071人浏览过

先上代码：
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Fixed固定位置的悬浮
type="text/css" />
type="text/css" />





     >








   onmouseout="this.style.backgroundColor='';"  >


     >








   onmouseout="this.style.backgroundColor='';"  >


     >








   onmouseout="this.style.backgroundColor='';"  >


     >

100	测试	测试	测试	测试	测试	测试	测试	已备案
1	测试	测试	测试	测试	测试	测试	测试	已备案
2	测试	测试	测试	测试	测试	测试	测试	已备案
3	测试	测试	测试	测试	测试	测试	测试	已备案

            每页

            显示

            共有【${page.totalCount}】条信息
              当前第${page.currentPage}/${page.totalPage}页 [ href="javascript:if(${page.currentPage}==1){ alert('已经是第一页！');} else { doPage(1);}"> color="#000000">首页 ] [ href="javascript: if(${page.hasPrePage }) { doPage(${page.currentPage - 1});}else{ alert('已经是第一页！');}"> color="#000000">上一页 ] [ href="javascript: if(${page.hasNextPage }) { doPage(${page.currentPage+1});}else{ alert('已经是最后一页！');}"> color="#000000">下一页 ] [ href="javascript:if(${page.currentPage}==${page.totalPage}){ alert('已经是最后一页！');} else{doPage(${page.totalPage});}"> color="#000000">尾页 ]   跳转到
             onChange="doPage(this.value);">



                                  selected="selected"
                  >第
                  页

现象：比例为100%时，显示正常。

比例为125%时，显示就不正常了。

大家看上面两幅图就知道，在125%的比例时，只能看到“跳转到”，它后面的就看不了。
大家有没有办法，让它在125%的比例时，也能看到100%比例时的所有内容呢？？小弟想想老半天了，没想出来。有哪位大侠帮帮小弟，感激不尽！！！！

回复讨论(解决方案)

<div style="position:fixed;bottom:0;height:32px;z-index:9999;filter:alpha(opacity=60);width:100%;white-space:nowrap;overflow:hidden;word-break:break-all;">

登录后复制

这里更改下试试，也只能是强制不换行。

这里更改下试试，也只能是强……

谢谢您的回复！！我试了下，还是一样的。
我在您的代码后面加了“position:relative”就可以了。但新问题也出现：在比例为125%时，浏览器会出现滚动条，当滚动条不滚动到底部时，整个“上一页，下一页”表格就看不见了。只有滚动条在底部，“上一页、下一页”才能看得见。
请看图：

现在有哪位大侠能帮个忙，在比例为125%时，“上一页，下一页”这个表格是悬浮，能看得见，不用把滚动条滚动到底部。
小弟在此谢过！！！！

position:relative 这个不加就能出现了。实在不行的话可能需要定义最小宽了
当宽度小于这个的时候就出现滚动条。 min-width

position:relative 这个不加就能出现了。实在不行的话可能需要定义最小宽了
当宽度小于这个的时候就出现滚动条。 min-width
不加“position:relative”，是能够悬浮，但在125%的比例时，只能看到“跳转到”，它后面的就看不了。请看图：

不知道你div里面加个table是何用意，不过你的问题在td标签中加nowrap应该可以解决

不知道你div里面加个table是何用意，不过你的问题在td标签中加nowrap应该可以解决
加个table没有什么用意，就是表格。
td中的代码变为这样：

问题还是一样！！！有点小郁闷！！

<div style="position:fixed;bottom:0;height:52px;width:100%;z-index:9999;filter:alpha(opacity=60);overflow-x:scroll;overflow-y:hidden;"><table width="100%" border="1" align="center" cellpadding="3" cellspacing="0" style="position:relative;">        <tr>          <td height="30" align="center" bgcolor="#E7F6FD" nowrap>

登录后复制

你没有设置div的相对宽度

用表格写的结构，条样式很麻烦。

这个应该是cms里面的页面。我经常调这种样式，需要具体看。