在html中怎么写自适应导航,CSS自适应导航菜单的实例代码

以下是一个简单实例，可以通过学习了解响应工菜单的制作。

html

• Portfolio
• Illustration
• Web Design
• Print Media
• Graphic Design

css

.nav {

position: relative;

margin: 20px 0;

}

.nav ul {

margin: 0;

padding: 0;

}

.nav ul li {

margin: 0 5px 10px 0;

padding: 0;

list-style: none;

float: left;

}

.nav a {

padding: 3px 12px;

text-decoration: none;

color: #999;

line-height: 100%;

}

.nav a:hover {

color: #000;

}

.nav .current a {

background: #999;

color: #fff;

bord