<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
<title>福建师范大学</title>
a:link {color:white;}
a:visited {color:black;}
a:hover {color:blue;}
a:active {color:white;}
a.leftmargin {margin-left: 10cm}
a
{
float:center;
width:5em;
text-decoration:none;
color:white;
background-color:white;
border-right:1px solid white;
}
a:hover {background-color:white} /*点击时的背景颜色*/
p{
margin-left: 350px;
margin-top: 0px
white-space: nowrap
}
li {display:inline}
.main{
width: 1050px;
height: 800px;
float:center;
background-color: #ff3300;
}
.top {
width: 1000px;
height: 124px;
}
.top2{
width:1000px;
height: 34px;
float:center;
background-color: #FBB98C;
}
.left{
width: 300px;
height: 393px;
float:left;
background-color: #FBB98C;
}
.center{
width: 490px;
height: 400px;
margin-left: 305px;
background-color: #9BF460;
float:center;
}
.right{
width:205px;
height:450px;
margin-left: 800px;
background-color: #90A4F7;
}
</style>
</head>
<body>
<div class="main">
<div class="top">
</div>
<div class="top2">
<ul>
<li><a href="#" target="_blank">English</a></li>
<li><a href="#" target="_blank">新闻资讯</a></li>
<li><a href="#" target="_blank">学校概况</a></li>
<li><a href="#" target="_blank">教育科学</a></li>
<li><a href="#" target="_blank">科学研究</a></li>
<li><a href="#" target="_blank">招生就业</a></li>
<li><a href="#" target="_blank">信息公开</a></li>
</ul>
<p>
站内搜索：<input type="text">
</p>
</div>
<div class="left">
</div>
<div class="center">
</div>
<div class="right">
</div>
</div>
</body>
</html>
这个里面我为什么最右边那块蓝色那块一直弄不上去呢！！跪求解答 T T
加margin-left干嘛，也算宽度的，float没有center这个css属性值
.left {
width: 300px;
height: 393px;
float: left;
background-color: #FBB98C;
}
.center {
width: 490px;
height: 400px;
background-color: #9BF460;
float: left;
}
.right {
width: 205px;
height: 450px;
float:left;
background-color: #90A4F7;
}