在网页中如何制作左边不动而中间内容可以上下动的导航条？？？
如@suyie001所说，css中position：fixed属性是可以实现题主的问题，但是在IE6下有Bug。
不考虑IE6的话，可以参考下面链接实现。
http://jingyan.baidu.com/article/4d58d541d54e879dd4e9c033.html
而图片那种属于左侧固定菜单，右侧自适应布局。
自适应布局在现在的布局中，很容易遇见，下面是在平时工作中对左边固定，右边自适应及左边自适应，右边固定布局的几种方法的一些总结，希望能帮到你！
页面布局如下：
一、左边固定，右边自适应的布局
1. 左边左浮动，右边加个overflow:hidden;
#lt{ float: left;width:200px; background: #ff0;}
#rt{ overflow: hidden; background: #f0f;}
2. 左边左浮动，右边加个margin-left;
#lt{ float: left; width:200px; background: #ff0;}
#rt{ margin-left: 200px; background: #f0f;}
3. 左边绝对定位，右边加个margin-left;
#lt{ position: absolute; top:0; left:0; width:200px; background: #ff0;}
#rt{ margin-left: 200px; background: #f0f;}
4. 左右两边绝对定位，右边加个width,top,left,right
#lt{ position: absolute; top:0 ; left:0 ;width:200px; background: #ff0;}
#rt{ position: absolute; top:0 ; left:200px; width: 100% ; rigth:0;background: #f0f;}
效果图如下：
二、右边固定，左边自适应的布局
1. 左边左浮动，margin-left负值,右边右浮动;
#lt{float:left; width:100%;background: #00f;margin-right: -200px;}
#rt{float: right; width: 200px;background: #ff0;}
2. 右边绝对定位，左边margin-right;
#lt{margin-right:200px; background: #00f;}
#rt{ position: absolute; right:0; top:0; width: 200px;background: #ff0;}
3. 左右两边绝对定位，左边加个width,top,left,right
#lt{ position: absolute; top:0; left:0; rigth:0; width: 100% ; background: #f0f;}
#rt{ position: absolute; top:0; left:200px; width:200px; background: #ff0;}
效果图如下：
上面的方法在各浏览器的测试中，都能兼容！
要开启一个对应的plugin，具体名字我忘记了，你可以去plugin页面搜索nav
这个可移动的导航条使用相对定位，
position: absolute;
z-index: 100;
在初始时确保它出现在你希望的位置
然后使用js控制它的位置
function scl(DivId) {
var Div = $(DivId);
$(DivId).style.top = (document.documentElement.scrollTop + (document.documentElement.clientHeight - $(DivId).offsetHeight) / 2) + "px
";
$(DivId).style.left = (document.documentElement.scrollLeft + (document.documentElement.clientWidth - $(DivId).offsetWidth) / 2) + "px
";
//alert($(DivId).style.top);
}当页面滚动时触发事件，去动态修改div的定位
window.onscroll = scl(DivId);
window.onresize = scl(DivId);
window.onload = scl(DivId);
如何实践网页中这种效果,
答：来实现图片向右移动；当鼠标移动到图片上时，则图片不动。二、虽然通过“向左”、“向右”两个按钮，实现了图片的左移和右移，但我想要的是当鼠标放在图片左边时，则左移；当鼠标放在图片右边时，则右移；当放中间时则不动。很明显，假如我得到了鼠标在图片中间的相对位置，那么我就可以判断鼠标是...
如何让网页固定不动?
答：点击地址栏右侧的星形图标，将网页添加到书签。接着，可以将该书签拖动到书签工具栏上，以便快速访问。虽然Firefox没有直接将网页固定到任务栏或开始屏幕的功能，但通过将网页添加到书签工具栏也可以达到类似的效果。固定网页的好处是可以快速、方便地访问常用或重要的网站，而不必每次都在浏览器中输入网址或...
css div 固定一个div 使这个div不随着网页的滚而滚动 就是把这个div固 ...
答：以及颜色等属性，这里的重点是设置position属性为fixed，以及设置top和left属性控制div的位置，设置完成后保存文件：3、打开浏览器，可以看到div并且可以观察到进度条是最上面的：4、接着将进度条拉倒最下面，可以发现div还是在原来的位置保持不变。以上就是用fixed属性设置div固定位置的方法：...
网页制作的问题,高手进~~
答：请问现在好多个人的很个性的网站都是这样的,就是在点每个版块的链接时,有内容的区域转换,而旁边的不动。我是小白啊,真的很不懂,不知道有没有人听懂。例子:http://booboo.cc/htt... 请问现在好多个人的很个性的网站都是这样的,就是在点每个版块的链接时,有内容的区域转换,而旁边的不动。我是小白啊,真的...
如何使网页的背景图片不随着滚动条移动 使背景图片固定?(要程式码...
答：如何让背景图片固定不随滚动条滚动 提示： fixed表示指定的背景是永远固定的，即:背景图片不随着网页的滚动而滚动。通过此元素设定出的网页效果在当今受到很多网路高手垂青。scroll这元素的作用正好与fixed相反，此元素与HTML中的背景元素所产生的效果基本相同，就是说可以直接中新增，不错吧~程式码： ...
网页制作怎么把上面和下面的框架固定不动,然后在中间添加内容?
答：用dreamweaver，div+css布局，然后设置标签，固定上下框架。
网页制作是如何只让其中的一部分可以滚动,而头尾不动?
答：插入个框架就行了啊！做个框架式结构的网页就能达到要求。
如何锁定一个页面不动
答：4、问题四：电脑如何设置屏幕保护锁？屏幕保护锁设置步骤：打开“控制面板”，点击“外观和个性化”→“更改屏幕保护程序”。安卓怎么锁定屏幕不动1、让手机屏幕固定不动，需要从设置页面进入到安全和隐私，在更多安全设置页面将屏幕固定的开关打开即可。工具／原料：华为novaEMUI11在华为手机的设置页面，点击...
如何让网页背景图不动?
答：在css文件中添加样式代码：body{ background-image: url(背景图片的地址);background-repeat: no-repeat;background-position:50% 50% ;background-size:50% 50%;} background-repeat: no-repeat;表示背景图片不平铺。background-position:50% 50% ;表示背景图片居中显示。background-size:50% 50%...
dreamweaver中怎样让左边的图片预览下拉时不动呢?
答：在页面里本来就没动啊
