ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: thistle;
	position: fixed;
	width:100%;
}

ul li{float: left;}
ul li a{
	display: block;
	color: black;
	padding: 8px 16px;
	text-align: center;
	text-decoration: none;
}

ul li a.active{
	color: lavender;
	background-color: darkmagenta;
}

ul li a:hover:not(.active)
{
	background-color: darkviolet;
	color: white;
}
body{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.footer{
  height: 300px; /*設定footer本身高度*/
  background-color: red;