css导航怎么靠右

html-css011

css导航怎么靠右,第1张

设置3个导航nav，最右边的nav设置class=right，然后设置nav的css边距，宽，高，背景颜色（便于我们看见），再设置一个float为右就会靠右排列，注意：float时第一个会到右边，所以设置第一个为最右边的导航栏

代码

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style>

nav{

margin: 5px

width: 100pxheight: 200px

background-color: red

float: right

}

</style>

</head>

<body>

<nav class="right">右</nav>

<nav>中</nav>

<nav>左</nav>

</body>

</html>

只有css代码没法做调试，但你改一下下面这段代码，应该会有效果，只是不知道是不是你要的效果：

#nav ul {

position: absolute

margin-right: 115px

margin-top: -30px

}

你改一下这段css，然后再根据效果改一下其它代码。希望对你有点帮助

那需要css+js来实现

代码片段如下：

<style type="text/css">

#autoimg {

max-width:500px/*IE7、FF、Opera等其他非IE6浏览器下最大宽度为500px*/

}

</style>

<img src="图片路径" id="autoimg" />

<script language="javascript">

//IE6浏览器下图片autoimg的最大宽度为500px

function set_autoimg_width() {

var width = parseInt(document.getElementById("autoimg").width)

if (width >0) {

if (width >500)

document.getElementById("autoimg").width = 500

window.clearInterval(iid)

}

}

var iid = window.setInterval(set_autoimg_width, 100)

</script>

上面的CSS和JS可以让图片的宽度自动适应为小于或等于500PX。

举一反三，你根据你的需要调整宽度的值就可以了。