Home  >  Article  >  Web Front-end  >  CSS suspension problem, experts please come in! ! ! ! _html/css_WEB-ITnose

CSS suspension problem, experts please come in! ! ! ! _html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:17:12942browse

先上代码:
2c1c01fe3da5b45638b932defb4b63fc
acf251eef30dadcd95fda0b63932cc24
93f0f5c25f18dab9d176bd4f6de5d30e
48e122a3b2cf97ce4b25f824efe9a0c3
b2386ffb911b14667cb8f0f91ea547a7Fixed固定位置的悬浮6e916e0f7d1e588d4f442bf645aedb2f
b4a6a3691091f8541ae5198718fd87da
5739b6a79b0ad6aebea11316c5c636e9

9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
deba056e5e87320e9714ef9696efff72
  0fc61b89f719ef443eb0c260b37bc6b9
              76b69aa6cca5b53baa37c51a63993590 序号 01c3ce868d2b3d9bce8da5c1b7e41e5b
              1d84b804e6389153d584c69b347e7aa3 区所 01c3ce868d2b3d9bce8da5c1b7e41e5b
              b0cab9853c4052b035b332027030bf87 标段名称 01c3ce868d2b3d9bce8da5c1b7e41e5b
              321403efdcdd9654a244a6a3a614e32a 合同名称 01c3ce868d2b3d9bce8da5c1b7e41e5b
              5c5b4ceb5147fe4bc2db75845f792c21 合同编号 01c3ce868d2b3d9bce8da5c1b7e41e5b
              601e40a8075d1eb0bfdffd465271afa5 保洁单位 01c3ce868d2b3d9bce8da5c1b7e41e5b
              b0cab9853c4052b035b332027030bf87 联系人 01c3ce868d2b3d9bce8da5c1b7e41e5b
              540845b16ad29f3912bdded1aeac1dcf 创建时间 01c3ce868d2b3d9bce8da5c1b7e41e5b
              76b69aa6cca5b53baa37c51a63993590 状态 01c3ce868d2b3d9bce8da5c1b7e41e5b
              19da11dd0111131a9338b5c60adb5d0b 操作 01c3ce868d2b3d9bce8da5c1b7e41e5b
            fd273fcf5bcad3dfdad3c41bd81ad3e5-->
  5f57966bcff4806e417eabe6815b8d3e
    b56510f81afd1f1430c6c920bc8a4554 100 b90dd5946f0946207856a8a37f441edf
    7a6f269ecb09fd2e565fb22df1f589b9 测试 b90dd5946f0946207856a8a37f441edf
    cbc0635ec507194951146504819cda12 测试 2c4968b15436f0dfcea480fc29df294c
    edce4a3510b45121aad6322bfacec83f 测试 b90dd5946f0946207856a8a37f441edf
    49bb457714015a9b5149ed1641bbb494 测试 b90dd5946f0946207856a8a37f441edf
    1e10edf2486611235b4763d722c1b6d6 测试 b90dd5946f0946207856a8a37f441edf
    cbc0635ec507194951146504819cda12 测试 b90dd5946f0946207856a8a37f441edf
    34bd0acf8393668b931bbe38c2b5885d 测试 b90dd5946f0946207856a8a37f441edf
    8d1bc3c1d1fd2cf7a976a4d0e65df984 fe55cd3796722862acb42121fc6e524c已备案e6e38b3c62e8df885fe2e3986461aa63 b90dd5946f0946207856a8a37f441edf
e384ae34166741fffa14ebd711b5a363 59d644aded52e5057b72127490cb878c   68c6e7db8d98d9bae2530679e4e65518  
                                                "Import sub-marking data" onMouseOver="this.style.cursor='hand';"onclick="upload(${cleanItem.ciId})">
-->
"" src="images/delete.png" width="24px" height="24px" title="Delete winning bid information" onmouseover="this.style.cursor='hand';" />    ;3cd4d2e4740f876aa8f6ab0375c25bd7b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
4ae0e7935ef9c31f4bd3cab3fc2fa5d8
; 0a3a2790c3be9b88c5d1a1be50dc6670 Test b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 Test 29f16cb74779e329f81fc7b3efabe51a
< ;td align="center" > Test b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 Test b90dd5946f0946207856a8a37f441edf
Test 0a3a2790c3be9b88c5d1a1be50dc6670 Test 4f8426b303fd482c2b5cad5323c6ce0d
                                                                              center"> 8121d6c8a34839335b283c3765c68ed6Filede6e38b3c62e8df885fe2e3986461aa63 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 755c3062c0c17bbf93ff5c2f59a5a4b7   95c11296be973e7cd883d63a9f9ebcb5  
4ccc2ed9246aa8a64e214aed5b1f7a17/images/upload.png" title="Import sub-marking data" onMouseOver="this.style.cursor='hand';"onclick="upload(${ cleanItem.ciId})">
--> " onmouseover="this.style.cursor='hand';" />   3cd4d2e4740f876aa8f6ab0375c25bd7b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
95c16e3a0f339c4ce235108d6e89b9fd
0a3a2790c3be9b88c5d1a1be50dc6670 2b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 Test aadf309764f0620aeb6b586ad76d4448 test b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 test b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 test b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 Test b90dd5946f0946207856a8a37f441edf
6269d44d5f21d53d1807a889a526c11d 8121d6c8a34839335b283c3765c68ed6Filede6e38b3c62e8df885fe2e3986461aa63 90cc1e42bbf9b97c5947038eac7f874e
0a3a2790c3be9b88c5d1a1be50dc6670 5f0884470cd65cf201fc6d202dcb0c8c   1ae0ef27548c4b8f093b6a351b1a8fec  
                                                                                              Import sub-marking data" onMouseOver="this.style.cursor='hand';"onclick="upload(${cleanItem.ciId})">
-->
                                                                                                                         " src="images/delete.png" width="24px" height="24px" title="Delete winning bid information" onmouseover="this.style.cursor='hand';" />    27b00172dbc728ed0ed7aa9123f784a7b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
820fcf468a41279ba4dbfe562f19e317
0a3a2790c3be9b88c5d1a1be50dc6670 3b90dd5946f0946207856a8a37f441edf
  0a3a2790c3be9b88c5d1a1be50dc6670 Test b90dd5946f0946207856a8a37f441edf
align="center" > test b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 test b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 test ; 0a3a2790c3be9b88c5d1a1be50dc6670 Test b90dd5946f0946207856a8a37f441edf
; 0a3a2790c3be9b88c5d1a1be50dc6670 Test b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 8121d6c8a34839335b283c3765c68ed6Filede6e38b3c62e8df885fe2e3986461aa63 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 0ee4d4430f808956912e545c44b7e760   074d04fcf8268a4378ce503d6962a797  
        7436b39e0b08b15570d2af65645c3ead/images/upload.png" title="导入分标数据" onMouseOver="this.style.cursor='hand';"onclick="upload(${cleanItem.ciId})">
-->
        d871e8b1737dca495ab93ea3e0e950d4   c8d92333f98d3d65983f1f2bfabf1fa8b90dd5946f0946207856a8a37f441edf
  fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08
076402276aae5dbec7f672f8f4e5cc81
076402276aae5dbec7f672f8f4e5cc81
91c6107534735594166ce5a7d6d95299

0c0246f2d69fa68af31fb8e441232b62
8f7d1a2f357af18542ac52bfb495093f
        a34de1251f0d9fe1e645927f19a896e8
          c5a79b520ac4e9fe2c264dd349eaa7d4   
            每页
            992d7d37153346b3775d5124a4102782
              58cf0bf7c89fa0a808540c45f86e29f15条4afa15d3069109ac30911f04c56f3338
              51b3a25059007523b012a4c8410c088d10条4afa15d3069109ac30911f04c56f3338
              00d319dc66b1fd847bc4f1f61948c2de20条4afa15d3069109ac30911f04c56f3338
              1f4238932b56c45b41954d17165c720550条4afa15d3069109ac30911f04c56f3338
              c8be8ed28b0d1139e28ee0a68dfa198c100条4afa15d3069109ac30911f04c56f3338
            18bb6ffaf0152bbe49cd8a3620346341
            显示
              
            共有【${page.totalCount}】条信息
              当前第${page.currentPage}/${page.totalPage}页 [ b2cf3510efca42c11e688c4db61f7856f46d7ccd3b9f4686c7a5a03580e9608d首页e6e38b3c62e8df885fe2e3986461aa63 5db79b134e9f6b82c0b36e0489ee08ed] [ 7e88232603528ecdbf1bb0041539b7c1f46d7ccd3b9f4686c7a5a03580e9608d上一页e6e38b3c62e8df885fe2e3986461aa63 5db79b134e9f6b82c0b36e0489ee08ed] [ f0737e63001fa5a83e30d4e6593bfc08f46d7ccd3b9f4686c7a5a03580e9608d下一页e6e38b3c62e8df885fe2e3986461aa63 5db79b134e9f6b82c0b36e0489ee08ed] [ 35bd6d01f83f1ac730a432a16304688df46d7ccd3b9f4686c7a5a03580e9608d尾页e6e38b3c62e8df885fe2e3986461aa63 5db79b134e9f6b82c0b36e0489ee08ed]   跳转到
            46db68fe3a92bffb9dcbfe3892f2f3c0
              7cc494efe85ffe19426259ebbc7fcd24
                6ba7840f2af47421b0498e21df2f264a
                d9db6d7bc34266546cdbaf55c0d3f088
                440b8f9810f7a5598c61ee0b54621c2b a585ca50c9f640d3ada4bfa1018135f7selected="selected"7c0f78f8501bc52cedefc1e67d0b011e
                  >第
                  8ce2ee7c56bb150150cace8bf9e7df57页320ad7d42c8d037a594505da4466e493
              5fc08a85e9c90022f36dc661914381b3
            18bb6ffaf0152bbe49cd8a3620346341
          b90dd5946f0946207856a8a37f441edf
        fd273fcf5bcad3dfdad3c41bd81ad3e5
      f16b1740fad44fb09bfe928bcc527e08
16b28748ea4df4d9c2150843fecfba68
36cc49f0c466276486e50c850b7e4956

73a6ac4ed44ffec12cee46588e518a5e
现象:比例为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;">

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

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

谢谢您的回复!!我试了下,还是一样的。
我在您的代码后面加了“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中的代码变为这样:
f1343ab7ae4fe0eb3005ef7ab038d0f4
问题还是一样!!!有点小郁闷!!

<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里面的页面。我经常调这种样式,需要具体看。

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn