html怎么做横向导航栏（html做横向导航栏居中）
html如何制作水平導(dǎo)航菜單
可以使用position:fixed將div固定在網(wǎng)頁的頭部，也就是導(dǎo)航菜單。
ie6下如何去除html的橫向滾動條？
當我們在css樣式設(shè)置為html {overflow-y:auto;}時，在ie7以上版本應(yīng)用時不會有問題，可是在ie6下就會發(fā)現(xiàn)垂直滾動條出現(xiàn)會引起橫向滾動條出現(xiàn)。究其原因是在ie6下，當內(nèi)容過多出現(xiàn)垂直滾動條時，此時頁面的寬度為其本來寬度加上滾動條的寬度，導(dǎo)致頁面寬度超過100%，而出現(xiàn)橫向滾動條，在ie7+瀏覽器中，會自動的識別滾動條，頁面寬度為內(nèi)容的寬度加上滾動條的寬度等于100%，而不會出現(xiàn)滾動條，這相當于是ie的滾動條bug(純屬個人見解，不對的地方還請指出，共同學(xué)習(xí)交流)。
解決上述出現(xiàn)的問題有以下幾個方案
方案一：添加html{overflow-y:hidden;}樣式
這種方案僅僅是把出現(xiàn)的橫向滾動條隱藏了，并沒有解決根本問題，而且還會出現(xiàn)不想要的效果（橫向多余的內(nèi)容會被隱藏掉），這是一種不好的解決方法。
方案二：添加html{overflow-y:scroll;}
添加這個樣式，當頁面內(nèi)容超過頁面高度時，會正常的顯示垂直滾動條，而且不會出現(xiàn)橫向滾動條，看起來是我們要的效果；可是頁面內(nèi)容不足以出現(xiàn)垂直滾動條的時候，我們會發(fā)現(xiàn)頁面的右邊會出現(xiàn)一條置灰樣式的滾動條位置，這個看起來并不美觀，不是我們想要的效果。不過最起碼已經(jīng)開始接近我們想要的效果了，比起第一種解決方案，他的效果還是好的。
方案三：通過jQuery實現(xiàn)
單純的css樣式已經(jīng)不能滿足我們的需要，通過第二個方案我們可以想到一種比較好的解決方法，我們可以判斷當頁面高度需要垂直滾動條時，把頁面樣式設(shè)置為overflow-y:scroll；這樣是不是就會達到我們想要的效果，事實證明完全是ok的，
$(function () { //解決IE6下 頁面出現(xiàn)橫向滾動條 if ($.browser.msie && $.browser.version == "6.0" && $("html").scrollHeight > $("html").height()) $("html").css("overflowY", "scroll");})
以上就是對頁面出現(xiàn)橫向滾動條的解決方法，只是針對我目前遇到的情況，方法肯定還有很多，以后有時間再慢慢補充，，，
（有人說谷歌瀏覽器有相對應(yīng)的解決方法，時間有限，沒去研究，在此標記下）
轉(zhuǎn)自：博客園《IE6下出現(xiàn)橫向滾動條問題的解決方案》--魚愛水
html怎么設(shè)置全屏背景？
html設(shè)置背景圖片全屏的方法：首先新建一個html文檔；然后把背景圖片設(shè)置在同一個文件夾里；接著添加style標簽；最后通過“background-image”以及“background-repeat”屬性實現(xiàn)背景圖片全屏的設(shè)置即可。
1.新建一個html文檔。
設(shè)置一下HTML的框架，然后把圖片設(shè)置在同一個文件夾里面。
2.加入<style type="text/css"></style>，這樣可以有樣式設(shè)置。
3.然后我們需要加入background-repeat:repeat-x;這個時候就會橫向平鋪。
html網(wǎng)頁中圖片橫向滾動？
1、有截取滾動網(wǎng)頁的軟件，如FSCapture，就可以截取整個網(wǎng)頁。
2、 然后打開要截取的網(wǎng)頁，在FSCapture懸浮窗口上找到滾動截圖工具。3、在默認情況下，是截整個界面，包括瀏覽器窗口，如果默認，下面有提示，點一下鼠標左鍵即可。4、 如果要自定義截圖窗口，按住Ctrl鍵，就會出現(xiàn)一個紅色十字架，用鼠標拖動這個紅十字架，框住想要的窗口。然后拖動右側(cè)的滾動條到上端，或者點下端的滾動箭頭，就能截取整個網(wǎng)頁。5、完成截圖后，會自動返回到FSCapture編輯窗口，這時只要保存即可。6、 選擇一個保存文件夾，定義一個保存文件名，如滾動截圖，按保存。7、再用普通的看圖軟件ACDSee打開，就能看到一個長長的網(wǎng)頁圖，看看長寬比930x1776。
如何利用html制作網(wǎng)頁水平導(dǎo)航菜單？
1、新建html頁面
打開html編輯軟件，新建一個html頁面。如圖：
2、添加導(dǎo)航標簽
在<body>標簽里新建一個<ul></ul>標簽，然后在<ul>標簽里添加幾個<li></li>標簽。如圖：
3、在<li>標簽內(nèi)添加文字。
在新建的<li>添加要顯示的內(nèi)容。如圖：
4、創(chuàng)建樣式標簽
在<title>標簽后新建一個<style type="text/css"></style>標簽。
5、創(chuàng)建橫向?qū)Ш降臉邮?/p>
在<style>標簽里添加一個樣式類為：.nav li{}，然后再.nav li類中設(shè)置樣式背景顏色為紅色，浮動為左浮動，內(nèi)邊框上下為8px左右為15px，列表屬性為none，字體顏色為白色。
樣式代碼為：
nav li{ background-color: red; padding: 8px 15px; float: left; list-style: none; color:#fff; }
6、引用樣式類。
在<ul>標簽內(nèi)添加 ，就可以讓nav下的<li>標簽引用到設(shè)置好的樣式類。如圖：
7、查看效果。
把html文件保存后，使用瀏覽器打開即可看到橫向?qū)Ш讲藛涡ЧＨ鐖D：
總結(jié)
以上是生活随笔為你收集整理的html怎么做横向导航栏（html做横向导航栏居中）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： jdk 版本和内部版本对应_JDK 14
- 下一篇： 静态网站备案流程（静态网站备案）