本篇內(nèi)容主要講解“如何解決瀏覽器分辨率不一的浮動(dòng)問題”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“如何解決瀏覽器分辨率不一的浮動(dòng)問題”吧!

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)南樂免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了1000+企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

在設(shè)計(jì)導(dǎo)航欄時(shí)因?yàn)榭偟腸ontent寬度設(shè)定為70%,用了

• 標(biāo)簽來排列導(dǎo)航內(nèi)容
  
  
  

  代碼如下:

  .meun ul{
  width: 100%;
  height: 40px;
  font: bolder 18px/40px "微軟雅黑","微軟雅黑",Microsoft YaHei;
  border: 1px solid rgb(206, 24, 0);
  background: url(../images/menu_bg.png) repeat-x scroll 0px 0px transparent;
  margin: 0px auto;
  list-style:none outside none;
  }

  
  

  
  給每個(gè),

• 設(shè)置浮動(dòng)
  
  
  

  代碼如下:

  .meun ul li{
  float:left;
  }

  
  

  
  再給每個(gè)

• 的class設(shè)置屬性
  
  
  

  代碼如下:

  .linormal{
  width:16.7%;
  height:40px;
  text-align: center;
  border-left:1px solid rgb(255, 164, 123);
  border-right:1px solid rgb(221, 47, 0);
  float: left;
  }

  
  

  
  linormal下的標(biāo)簽的width是100%，開始的時(shí)候也和linormal設(shè)置成16.7%，導(dǎo)致文字不能顯示全部，

  
  
  

  代碼如下:

  .linormal a{
  width:100%;
  height:40px;
  display:block;
  color:#fff;
  text-decoration:none;
  }

  
  

  
  再就是 標(biāo)簽的:hover屬性了

  
  
  

  代碼如下:

  .linormal a:hover{
  background: url("../images/menu_bg.png") repeat-x scroll 0px -40px transparent;
  text-decoration: none;
  color: rgb(255, 255, 255);
  }

  
  

  
  上面的代碼可以隨著瀏覽器窗口的大小進(jìn)行相應(yīng)的改變大小，因?yàn)槭前凑瞻俜直葋矶ǖ膶挾?，但隨著窗口的越來越小，導(dǎo)致導(dǎo)航欄的

• 中的寬度小于字體的寬度，字體
  
  下浮，整個(gè)頁(yè)面完全亂了。
  
  后來便在menu下面加了個(gè)寬度的id，命名為wid，即
  
  
  

  代碼如下:

  .wid {
  width:1000px;
  }

  
  

  
  在HTML頁(yè)面內(nèi)，調(diào)用方式為

  
  
  

  代碼如下:

  
  

  
  ...
  

  
  
  
  

  到此，相信大家對(duì)“如何解決瀏覽器分辨率不一的浮動(dòng)問題”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

  
  網(wǎng)頁(yè)名稱：如何解決瀏覽器分辨率不一的浮動(dòng)問題-創(chuàng)新互聯(lián)
  文章來源：http://weahome.cn/article/dippds.html