CSS 停止問題、専門家に来てください! ！ ！ ！ _html/css_WEB-ITnose

先上代码：
8001e59b2cbc38eda43874e66161d6e7

36fc0da5a553527cb1d2a9551dbb853b
b2386ffb911b14667cb8f0f91ea547a7固定位置の浮かせ6e916e0f7d1e588d4f442bf645aedb2f
3fe897b0ff89ac766df57343a9312856
92bcb363b6f4ac392faa045005437755

9c3bca370b5104690d9ef395f2c5f8d1

f0c38fcfb40ae45d5c4fcdd7520335d2
0fc61b89f719ef443eb0c260b37bc6b9

 シーケンス番号 01c3ce868d2b3d9bce8da5c1b7e41e5b
 区所 01c3ce868d2b3d9bce8da5c1b7e41e5b
 标段名 01c3ce868d2b3d9bce8da5c1b7e41e5b
 合同会社名01c3ce868d2b3d9bce8da5c1b7e41e5b
 合同编号 01c3ce868d2b3d9bce8da5c1b7e41e5b
 保洁单位 01c3ce868d2b3d9bce8da5c1b7e41e5b
 联系人 01c3ce868d2b3d9bce8da5c1b7e41e5b
 建立時間 01c3ce868d2b3d9bce8da5c1b7e41e5b
 状態态 01c3ce868d2b3d9bce8da5c1b7e41e5b
 操作 01c3ce868d2b3d9bce8da5c1b7e41e5b
fd273fcf5bcad3dfdad3c41bd81ad3e5-->
aff5a6c44c69943dfd2b2902cd369029 100 b90dd5946f0946207856a8a37f441edf
171de861d79f2958d6e892f40b1dfbce 测试 b90dd5946f0946207856a8a37f441edf
8f2bd12956e5298b21da286c5b25ed2e 测试 29f16cb74779e329f81fc7b3efabe51a
5f1b65587fa90efc12ae02e7a11dc604 测试 b90dd5946f0946207856a8a37f441edf
54a19bb516d96422633a581914b57115 测试 b90dd5946f0946207856a8a37f441edf
443041e0932f0fd88fb2d498c1a4d4f8 测试 b90dd5946f0946207856a8a37f441edf
8f2bd12956e5298b21da286c5b25ed2e 测试 b90dd5946f0946207856a8a37f441edf
ca6258363fb6460fc5b1c3a53e6b083f 测试 b90dd5946f0946207856a8a37f441edf
8545e980fd4d69c95c8350a4fb44892d 8121d6c8a34839335b283c3765c68ed6既备案e6e38b3c62e8df885fe2e3986461aa63 b90dd5946f0946207856a8a37f441edf
    e384ae34166741fffa14ebd711b5a363 0d3164b7c024c58e7acdd55defa46061   6177c5922ce2c0e329d193f080a933c1  
9c9cc34dc1fa7f222ca28281ce99bb18/images/upload.png" title="导入分标数据" onMouseOver="this.style.cursor='hand ';"onclick="upload(${cleanItem.ciId})">
-->
00ada05c398b53c7bbd6847bceba5327   
fd273fcf5bcad3dfdad3c41bd81ad3e5
656e55d20f9089133e042fe3c58f4214 1
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 29f16cb74779e329f81fc7b3efabe51a
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
6269d44d5f21d53d1807a889a526c11d 8121d6c8a34839335b283c3765c68ed6既备案e6e38b3c62e8df885fe2e3986461aa63 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 0d3164b7c024c58e7acdd55defa46061   6177c5922ce2c0e329d193f080a933c1  
9c9cc34dc1fa7f222ca28281ce99bb18/images/upload.png" title="导入分标数据" onMouseOver="this.style.cursor='hand ';"onclick="upload(${cleanItem.ciId})">
-->
00ada05c398b53c7bbd6847bceba5327   
fd273fcf5bcad3dfdad3c41bd81ad3e5
onmouseout="this.style.backgroundColor='';"  >
0a3a2790c3be9b88c5d1a1be50dc6670 2b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 29f16cb74779e329f81fc7b3efabe51a
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
6269d44d5f21d53d1807a889a526c11d 8121d6c8a34839335b283c3765c68ed6既备案e6e38b3c62e8df885fe2e3986461aa63 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 0d3164b7c024c58e7acdd55defa46061   6177c5922ce2c0e329d193f080a933c1  
9c9cc34dc1fa7f222ca28281ce99bb18/images/upload.png" title="导入分标数据" onMouseOver="this.style.cursor='hand ';"onclick="upload(${cleanItem.ciId})">
-->
00ada05c398b53c7bbd6847bceba5327   
fd273fcf5bcad3dfdad3c41bd81ad3e5
656e55d20f9089133e042fe3c58f4214 3b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 29f16cb74779e329f81fc7b3efabe51a
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 测试 b90dd5946f0946207856a8a37f441edf
6269d44d5f21d53d1807a889a526c11d 8121d6c8a34839335b283c3765c68ed6既备案e6e38b3c62e8df885fe2e3986461aa63 b90dd5946f0946207856a8a37f441edf
0a3a2790c3be9b88c5d1a1be50dc6670 0d3164b7c024c58e7acdd55defa46061   6177c5922ce2c0e329d193f080a933c1  
        9c9cc34dc1fa7f222ca28281ce99bb18/images/upload.png" title="导入分标数据" onMouseOver="this.style.cursor='hand' ;"onclick="upload(${cleanItem.ciId})">
-->
00ada05c398b53c7bbd6847bceba5327   
fd273fcf5bcad3dfdad3c41bd81ad3e5
271cb3d2ff227ca6331ee41e81293d65
076402276aae5dbec7f672f8f4e5cc81
076402276aae5dbec7f672f8f4e5cc81
df250b2156c434f3390392d09b1c9563

2da67340759052078bb90e30fb500a17
a34de1251f0d9fe1e645927f19a896e8
d509492d3c578a84c1bc709f088524c2   
每页
6133e4fea92a9596fafa4bcf4aac7b9a5条4afa15d3069109ac30911f04c56f3338
022d7abf94c20c94cf9b2abede9e2c4710条4afa15d3069109ac30911f04c56f3338
20条4afa15d3069109ac30911f04c56f3338
bb28501e9d7b2f471e00e978e6ff2f7b50条4afa15d3069109ac30911f04c56f3338
100条4afa15d3069109ac30911f04c56f3338
18bb6ffaf0152bbe49cd8a3620346341
显示
  
共有【${page.totalCount}】条情報
  当前第${page.currentPage}/${page.totalPage}页 [ 9d3792f296c4f16541cb7677691304bdb036eddba3dad1267ef239b947e346d8首页e6e38b3c62e8df885fe2e3986461aa63 5db79b134e9f6b82c0b36e0489ee08ed] [ 6872756ad4ce5227dc4e355620db683eb036eddba3dad1267ef239b947e346d8上一页e6e38b3c62e8df885fe2e3986461aa63 5db79b134e9f6b82c0b36e0489ee08ed] [ 4dac230ee3fe2bd25c22f8f0581b41efb036eddba3dad1267ef239b947e346d8下一页e6e38b3c62e8df885fe2e3986461aa63 5db79b134e9f6b82c0b36e0489ee08ed] [ c76cf8f0117f7469e88b84b7d5a58216b036eddba3dad1267ef239b947e346d8尾页e6e38b3c62e8df885fe2e3986461aa63 5db79b134e9f6b82c0b36e0489ee08ed]   ジャンプ转到
274161e60ddd352e735f7ff1e5696e1c
63003e05d8eee3f912984303a6d4f391 name="last" value="#page.totalPage" /> : ==＃count.index+1 "＆gt; selected =" selected "＆lt;/s：if＆gt;
;
lt;/table＆gt;
現象: 比率が 100% の場合、表示は正常です。


比率が125%の場合、表示が異常です。

上の 2 つの写真からわかるように、125% の比率では、「Jump to」だけが表示され、それ以降のものが表示されません。
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;">

ここで変更してみてください。改行を強制的に行わないことのみ可能です。

3cf504c102b38b7c1797bc23e5d7bbd4
ここで変更してみてください、強くなるしかありません...

ご返信ありがとうございます! ！試してみましたが、やはり同じです。
コードの後に​​「position:relative」を追加しました。しかし、新たな問題も発生します。比率が 125% の場合、ブラウザにスクロール バーが表示され、スクロール バーが一番下までスクロールしないと、「前のページ、次のページ」の表全体が見えなくなります。スクロールバーが一番下にある場合のみ「前ページ、次ページ」が表示されます。
写真を見てください:

さて、誰かヒーローが私を助けてくれますか? 比率が 125% の場合、「前のページ、次のページ」の表がフローティングになり、スクロール バーを下までスクロールしなくても表示されます。

こちらこそありがとうございます！ ！ ！ ！

position:relative を付けずに表示されます。本当に機能しない場合は、最小幅を定義する必要があるかもしれません

幅がこれより小さい場合、スクロール バーが表示されます。 min-width

Position:relative これは追加せずに表示されます。本当に機能しない場合は、最小幅を定義する必要があるかもしれません
幅がこれより小さい場合、スクロール バーが表示されます。 min-width
「position:relative」を付けないと一時停止できますが、125%の比率では「jump to」だけが表示され、その後ろのものは表示されません。写真を見てください:


div にテーブルを追加する目的がわかりませんが、td タグに nowrap を追加することで問題は解決されるはずです

テーブルを追加する目的がわかりませんdivにありますが、問題はnowrapをtdタグに追加すると問題が解決するはずです
テーブルの追加には目的はなく、単なるテーブルです。

td のコードは次のようになります:

f02be557d2ff7b61a144e5c31d643989 問題は依然として同じです。 ！ ！ちょっと憂鬱！ ！

<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 のページである必要があります。このスタイルは頻繁に調整するので、よく見てみる必要があります。