我几乎花了 4 个小时才达到这一点。我真的无法记下三列的布局。这是迄今为止我能做到的最好的,这是我的CSS:
#header {text-align: center;}
#container {
width: 960px;
margin: 0 auto;
background-color: #FAFAFA;
color: #003300;
font-family: Arial, Helvetica, sans-serif;
}
#left {
float: left;
width: 150px;
}
#center { margin:0 210px 0 160px;
}
#right{
float: right;
width: 200px;
}
#footer { text-align: center;
clear: both;
}
#left a {text-decoration: none;
display: block;
text-align: center;
color: #FFFFCC;
font-weight:bold;
border: 3px outset #CCCCCC;
padding: 5px;}
figure{}
#left a:link { background-color: #003366; }
#left a:visited { background-color: #48751A; }
#left a:hover {border: 3px inset #333333; }
#left ul { list-style-type: none;
margin: 0;
padding-left: 0; }
这是我的项目的网站:
http://younani.com/finalsite/finalindex.html
如您所见,左、中和右列未对齐。另外,有没有办法根据页面最大化或正常来适应网站?我是建立网站的新手。此外,正如您在“关于我们”页面中看到的那样,导航触及了中心栏,它们是否围绕着它?如果需要提供更多信息,请告诉我。谢谢。