怎样使导航栏自适应浏览器窗口大小?

css文件


<style>

#navigation{display:block;

list-style-type:circle;height:auto;

width:100%;

}

#navigation li{

float:left;overflow:hidden;position:relative;

text-align: center;line-height:48px;

font-size:20px;

font-family:"微软雅黑","宋书","隶书";

background-image:url(../每元素.png);

}

a{

float:left;display:block;

}

a:link{

text-decoration: none;color:#ffff00;

}

a:visited{

text-decoration:underline;

color: #0c0;

}

</style>

——————————————————————————————————————————————

<!DOCTYPE html>

<html>

<head>

<meta  charset="utf-8">

<title>个人博客</title>

<link rel="stylesheet" href="css/myBlog.css">

<style>

#navigation{

list-style-type:none;height:auto;width:100%;

min-width: 960px;

}


</style>

</head>

<body>

<ul id="navigation">

<li></li>

<li><a href="#">首 页</a></li>

<li><a href="#">我的博客</a></li>

<li><a href="#">互动交流</a></li>

<li><a href="#">极客新闻</a></li>

<li><a href="#">小游戏</a></li>

<li></li>

</ul>

</body>

</html>


一带小熊
浏览 2973回答 1
1回答

牛奶老哥哥

具体想怎么样?
打开App,查看更多内容
随时随地看视频慕课网APP