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

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

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

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

用 CSS 的 fixed 属性值，示例：

.infoWin {

position: fixed

right: 10px

bottom: 10px

width: 200px

height: 120px

}

上述代码会让 .infoWin 这个元素固定悬浮在页面右下方。

做到比较简单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

#apDiv1 {

position:absolute

width:200px

height:115px

z-index:1

background-color:#CCC

left: 165px

top: 211px

display:none

}

</style>

function a(){

var a=document.getElementById("a").value

if(a=="tijiao"){

document.getElementById("apDiv1").style.display="block"

}

</script>

</head>

<body>

<div id="apDiv1">hello</div>

</body>

</html>

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

html导航栏悬浮在最右边