cari
Rumahhujung hadapan webhtml tutorialcss之悬浮问题,高手请进!!!!_html/css_WEB-ITnose

先上代码:
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   测试   测试  测试   测试   测试   测试   测试   已备案   css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose   css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose  
        
        css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose   css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose
 1   测试   测试  测试   测试   测试   测试   测试   已备案   css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose   css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose  
        
        css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose   css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose
 2  测试   测试  测试   测试   测试   测试   测试   已备案   css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose   css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose  
        
        css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose   css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose
 3  测试   测试  测试   测试   测试   测试   测试   已备案   css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose   css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose  
        
        css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose   css之悬浮问题,高手请进!!!!_html/css_WEB-ITnose










        
          
        
      
   
            每页
            
            显示
              
            共有【${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里面的页面。我经常调这种样式,需要具体看。

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
HTML vs CSS dan JavaScript: Membandingkan Teknologi WebHTML vs CSS dan JavaScript: Membandingkan Teknologi WebApr 23, 2025 am 12:05 AM

HTML, CSS dan JavaScript adalah teknologi teras untuk membina laman web moden: 1. HTML mentakrifkan struktur laman web, 2. CSS bertanggungjawab untuk kemunculan laman web, 3.

Html sebagai bahasa markup: fungsinya dan tujuannyaHtml sebagai bahasa markup: fungsinya dan tujuannyaApr 22, 2025 am 12:02 AM

Fungsi HTML adalah untuk menentukan struktur dan kandungan laman web, dan tujuannya adalah untuk menyediakan cara yang standard untuk memaparkan maklumat. 1) HTML menganjurkan pelbagai bahagian laman web melalui tag dan atribut, seperti tajuk dan perenggan. 2) Ia menyokong pemisahan kandungan dan prestasi dan meningkatkan kecekapan penyelenggaraan. 3) HTML adalah diperpanjang, membolehkan tag tersuai untuk meningkatkan SEO.

Masa Depan HTML, CSS, dan JavaScript: Trend Pembangunan WebMasa Depan HTML, CSS, dan JavaScript: Trend Pembangunan WebApr 19, 2025 am 12:02 AM

Trend masa depan HTML adalah semantik dan komponen web, trend masa depan CSS adalah CSS-in-JS dan CSShoudini, dan trend masa depan JavaScript adalah webassembly dan tanpa pelayan. 1. Semantik HTML meningkatkan kebolehcapaian dan kesan SEO, dan komponen web meningkatkan kecekapan pembangunan, tetapi perhatian harus dibayar kepada keserasian penyemak imbas. 2. CSS-in-JS meningkatkan fleksibiliti pengurusan gaya tetapi boleh meningkatkan saiz fail. Csshoudini membolehkan operasi langsung rendering CSS. 3.Webassembly mengoptimumkan prestasi aplikasi penyemak imbas tetapi mempunyai keluk pembelajaran yang curam, dan tanpa pelayan memudahkan pembangunan tetapi memerlukan pengoptimuman masalah permulaan sejuk.

HTML: Struktur, CSS: Gaya, JavaScript: Tingkah LakuHTML: Struktur, CSS: Gaya, JavaScript: Tingkah LakuApr 18, 2025 am 12:09 AM

Peranan HTML, CSS dan JavaScript dalam pembangunan web adalah: 1. HTML mentakrifkan struktur laman web, 2. CSS mengawal gaya laman web, dan 3. JavaScript menambah tingkah laku dinamik. Bersama -sama, mereka membina kerangka, estetika dan interaktiviti laman web moden.

Masa Depan HTML: Evolusi dan Trend dalam Reka Bentuk WebMasa Depan HTML: Evolusi dan Trend dalam Reka Bentuk WebApr 17, 2025 am 12:12 AM

Masa depan HTML penuh dengan kemungkinan yang tidak terhingga. 1) Ciri -ciri dan piawaian baru akan merangkumi lebih banyak tag semantik dan populariti komponen web. 2) Trend reka bentuk web akan terus berkembang ke arah reka bentuk yang responsif dan boleh diakses. 3) Pengoptimuman prestasi akan meningkatkan pengalaman pengguna melalui pemuatan imej yang responsif dan teknologi pemuatan malas.

HTML vs CSS vs JavaScript: Gambaran Keseluruhan PerbandinganHTML vs CSS vs JavaScript: Gambaran Keseluruhan PerbandinganApr 16, 2025 am 12:04 AM

Peranan HTML, CSS dan JavaScript dalam pembangunan web adalah: HTML bertanggungjawab untuk struktur kandungan, CSS bertanggungjawab untuk gaya, dan JavaScript bertanggungjawab untuk tingkah laku dinamik. 1. HTML mentakrifkan struktur laman web dan kandungan melalui tag untuk memastikan semantik. 2. CSS mengawal gaya laman web melalui pemilih dan atribut untuk menjadikannya cantik dan mudah dibaca. 3. JavaScript mengawal tingkah laku laman web melalui skrip untuk mencapai fungsi dinamik dan interaktif.

HTML: Adakah bahasa pengaturcaraan atau yang lain?HTML: Adakah bahasa pengaturcaraan atau yang lain?Apr 15, 2025 am 12:13 AM

Htmlisnotaprogramminglanguage; itisamarkuplanguage.1) htmlstructuresandformatswebcontentusingtags.2) itworkswithcssforstylingandjavascriptforinteractivity, meningkatkan pembangunan semula.

HTML: Membina struktur laman webHTML: Membina struktur laman webApr 14, 2025 am 12:14 AM

HTML adalah asas struktur laman web bangunan. 1. HTML mentakrifkan struktur kandungan dan semantik, dan penggunaan, dan sebagainya. 2. Menyediakan penanda semantik, seperti, dan sebagainya, untuk meningkatkan kesan SEO. 3. Untuk merealisasikan interaksi pengguna melalui tag, perhatikan pengesahan bentuk. 4. Gunakan elemen lanjutan seperti, digabungkan dengan JavaScript untuk mencapai kesan dinamik. 5. Kesilapan biasa termasuk label yang tidak terkawal dan nilai atribut yang tidak disebutkan, dan alat pengesahan diperlukan. 6. Strategi pengoptimuman termasuk mengurangkan permintaan HTTP, memampatkan HTML, menggunakan tag semantik, dll.

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

VSCode Windows 64-bit Muat Turun

VSCode Windows 64-bit Muat Turun

Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft

MinGW - GNU Minimalis untuk Windows

MinGW - GNU Minimalis untuk Windows

Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.

mPDF

mPDF

mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),

PhpStorm versi Mac

PhpStorm versi Mac

Alat pembangunan bersepadu PHP profesional terkini (2018.2.1).

SublimeText3 versi Inggeris

SublimeText3 versi Inggeris

Disyorkan: Versi Win, menyokong gesaan kod!