1首先在我们的html里，添加好导航内容2后面的就是网页的具体内容了，这里的代码简单一些3样式里，我们先定义一些菜单里的样式4这时运行页面时，在滚动条滚动下去后，导航是会消失不见的5为了让导航栏固定在顶部，我们可以在导航容器里添加样式position fixedtop 0 关键是第一。

1，首先在html中，添加良好的导航内容2，后者是网页的具体内容，这里的代码比较简单3，在样式中，首先在菜单中定义一些样式4，此时，在运行页面时，滚动条滚动后导航将消失5，为了将导航栏固定在顶部，可以添加样式位置固定最高0在导航容器中，键是第一个样式，因此其位置是固定的6。

以下代码已经实现了需要的功能，导航条固定在了网页的顶部，这个主要是使用positionfixed，然后将top值设置为0即可lt！DOCTYPE html 固定在窗口顶部 * padding0px margin0pxbody， ul， li backgroundcolorwhite fontsize12px fontfamilyArial， Helvetica， sansserif。

如果你是说用代码实现的话，给这个导航的容器定位为fixed例如nav positionfixedtop0pxleft0px。

这个需要用到css的position属性如下这个示例 假设导航的class为nav，将其固定在页面顶部可以这样写 navwidth100%height30pxpositionfixedtop0left0 其中高宽请根据实际情况修改。

这样你最好限制main的高度，确保body不会出现滚动条overflowyautoheight？px 竖式的导航栏我目前所知的办法是，限制header的宽度为大于导航栏按钮的宽度，但小于其宽度的2倍即tab按钮宽度为x的话，header宽度最好恰好小于2x为了给空间名称多留点地，这样tab就竖拦了位置你自己设定一下。

让导航栏那个层选择一下定位，就是做成一个浮动层漂浮的广告就是那么做的，你打开一个网页看看就能明白了。

使用CSS的flex布局齐具体步骤如下1在HTML中，将导航栏和下方图片用div包裹起来，设置一个共同的容器2在CSS中，设置这个div容器的display属性为flex，让其成为一个弹性容器3设置flexdirection属性为column，让其成为一个垂直方向的弹性容器4将导航栏和下方图片的高度设为固定值或者按照。

您好，我去步步高手机官网看过了，他的网站整个是flash做的，所以导航栏也是flash的，这个需要您会flash才可以做出如此动态的效果，当然不用flash的话，javascript也可以做出来，不过没有那么动态，会略显生硬，您如果需要的话我可以给您找个例子改下。

html 而图片那种属于左侧固定菜单，右侧自适应布局自适应布局在现在的布局中，很容易遇见，下面是在平时工作中对左边固定，右边自适应及左边自适应，右边固定布局的几种方法的一些总结，希望能帮到你页面布局如下一左边固定，右边自。

第1步首先把12模块点击出来在选模块，左边选择栏目导航右边选择产品展示 像这样就可以关联在一起可以了。

html导航栏怎么能一直悬浮上面18首先我们的html里，添加好导航内容28后面的就是网页的具体内容了，这里的代码简单一些38样式里，我们先定义一些菜单里的样式48这时运行页面时，在滚动条滚动下去后，导航是会消失不见的58为了让导航栏固定在顶部，我们可以在导航容器里添加样式position。

2侧面导航 侧边栏导航的设计形式多种多样，可以有多种表现形式，可动可静，可大可小，更具个性化不太推荐固定的侧边栏导航设计，尤其是宽侧边栏导航，会影响整个web界面的宽度设计师可以考虑把侧边栏做成滑动显示的方式，这样既节省了网站之间的空间空，又更加简洁 在侧边栏导航的设计中，要注意导航栏的宽度如。

positionfixed bottom0px加上以上属性就会让指定的div固定在屏幕下方显示了，如果会被挡住在加个zindex属性就好了。

用JS做的，很简单我可以给你写一个JS代码你把需求发给我吧这是我给别人写的，你可以参考一下，是不是这样的效果lt！DOCTYPE html PUBLIC quotW3CDTD HTML 401 TransitionalENquot quotloosedtdquot fix bodyheight6000px margin0px。