html导航栏悬浮在最右边_随笔

首先给导航栏来个float:right即可。

2、其次在html中，右边图片的代码是“imgalign=right”。“对齐”属性用于设置图片元素相对于其他元素的方向。

3、最后当属性值为“右”时，图片元素将显示在右侧。

你的导航是浮动不随网页上下滚动条移动可以使用：div{ position:fixedleft:0top:0width:100pxheight:100%}

如果是跟随内容改动，你的内容区分左右两块，左边写你的导航就可以了

<head>

#u1

{

float:left

background-color:rgba(180,180,180,0.6)

}

{

width:84px

list-style-type:none

float:left

font-size:20px

font-weight:bold

}

.style1

{

background-color:Blue

}

.style2{background-color:white}

</style>

$(function () {

$("li").mousemove(function () {

$(this).addClass("style1").mouseout(function () {

$(this).removeClass("style1")

})

</script>

</head>

<body>

<li>首页</li>&nbsp

<li>产品中心</li>&nbsp

<li>新闻中心</li>&nbsp

<li>咨询投诉</li>&nbsp

</ul>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html导航栏悬浮在最右边