div+CSS：三列自适应宽度右列为什么在下面？

我写的代码如下：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR... 我写的代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>十、三列自适应宽度</title>

<style type="text/css">
#left {
background-color: #F00;
float: left;
height: 200px;
width: 120px;
}

#center {
background-color: #96C;
height: 200px;
margin-right: 120px;
margin-left: 120px;
margin-top: 0px;
margin-bottom: 0px;
float: none;
}
#right {
background-color: #CFF;
float: right;
height: 200px;
width: 120px;
}
body {
margin: 0px;
}
</style>
</head>

<body>
<div id="left">此处显示 id "left" 的内容</div>
<div id="center">此处显示 id "center" 的内容</div>
<div id="right">此处显示 id "right" 的内容</div>
</body>
</html>

效果如图：

我想和前两列上边界对齐的，问题出现在哪里？展开

 我来答

1个回答

#热议# 在购买新能源车时，要注意哪些？

amwiqviw
2015-10-20 · TA获得超过1524个赞

知道小有建树答主

回答量：1051

采纳率：62%

帮助的人：433万

我也去答题访问个人页

关注

展开全部

这样就可以了把center放最后面
<body>
<div id="left">此处显示 id "left" 的内容</div>
<div id="right">此处显示 id "right" 的内容</div>

<div id="center">此处显示 id "center" 的内容</div>
</body>

追问

按照你说的真的可以。谢谢你了！
但我想知道原因，为什么我写的和你写的导致结果就不同。如果可以的话再回答下。
我已经提高财富值，会采纳你的！再次感谢！

本回答由提问者推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

div+CSS：三列自适应宽度 右列为什么在下面？

为你推荐：

div+CSS：三列自适应宽度右列为什么在下面？