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

創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)公司一直秉承“誠信做人，踏實(shí)做事”的原則，不欺瞞客戶，是我們最起碼的底線！ 以服務(wù)為基礎(chǔ)，以質(zhì)量求生存，以技術(shù)求發(fā)展，成交一個客戶多一個朋友！專注中小微企業(yè)官網(wǎng)定制，做網(wǎng)站、成都做網(wǎng)站，塑造企業(yè)網(wǎng)絡(luò)形象打造互聯(lián)網(wǎng)企業(yè)效應(yīng)。

在設(shè)計導(dǎo)航欄時因為總的content寬度設(shè)定為70%,用了<ul><li>標(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;
}

給每個,<li>設(shè)置浮動

代碼如下:

.meun ul li{
float:left;
}

再給每個<li>的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下的<a>標(biāo)簽的width是100%，開始的時候也和linormal設(shè)置成16.7%，導(dǎo)致文字不能顯示全部，

代碼如下:

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

再就是<a> 標(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)的改變大小，因為是按照百分比來定的寬度，但隨著窗口的越來越小，導(dǎo)致導(dǎo)航欄的<li>中的寬度小于字體的寬度，字體

下浮，整個頁面完全亂了。

后來便在menu下面加了個寬度的id，命名為wid，即

代碼如下:

.wid {
width:1000px;
}

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

代碼如下:

<div id="menu">
<div class="wid" >
...
</div>
</div>

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

標(biāo)題名稱：如何解決瀏覽器分辨率不一的浮動問題
分享地址：http://www.chinadenli.net/article8/gojiop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、微信公眾號、App開發(fā)、云服務(wù)器、品牌網(wǎng)站建設(shè)、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)