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打开，就能看到一个长长的网页图，看看长宽比930×1776。

如何利用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文件保存后，使用浏览器打开即可看到横向导航菜单效果。如图：