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