為何我的middle會比left和right低了那么一點。一下是代碼請幫忙分析
為何我的middle會比left和right低了那么一點。一下是代碼請幫忙分析
<style type="text/css">
body{margin:0 padding:0}
.left{width:200px;height:500px;background:#CCC;position:absolute;left:0;top:0}
.middle{background:#999;height:500px;margin:0 310px 0 210px}
.right{width:300px;height:500px;background:#ddd;position:absolute;right:0;top:0}
</style>
</head>
<body>
<div class="left">200px</div>
<div class="middle">改革開放30多年來，我們創造了“中國奇跡”，同時也出現了成長中的煩惱。發展不平衡、不協調、不持續問題突出，利益主體多元、利益訴求多樣問題顯著。如 何提升發展的整體效能、推進事業全面進步？如何破解公平正義的時代課題？ “十三五”開局之年，歷史新方位已確定，“協調”一詞被賦予了新的時代內涵。</div>
<div class="right">300px</div>
2016-02-24
body{margin:0?padding:0}//這一句margin:0后面應該加分號;2016-04-07
<!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">
boty{ margin:0; padding:0}
.left{ width:200px; height:500px; background:#ccc;position: absolute; left:0 ;top:0}
.middle{ height:500px; background:#999; margin:0 310px 0 210px}
.right{ width:300px; height:500px; background:#ddd;position: absolute; right:0 ;top:0 }
</style>
</head>
<body>
<div class="left">200px</div>
<div class="middle"> 參賽隊是對手防守對方分的氣氛如果輔導費干的其二個人風格俄方高度撒旦古典風格按時到崗梵蒂岡時代風格地方個時發過去啊的股市大幅殺跌分的發生輔導費發點阿飛阿斯分大是大非 </div>
<div class="right">300px</div>
</body>
</html>
我也middle ?也 低一點 怎么回事啊
2016-02-24
經過我的火眼精金認真的排查，發現你的代碼中少了一個分號，所以才會出現
middle會比left和right低了那么一點
少了分號的位置是在body{margin:0 padding:0}這行代碼中，添加上分號就變成body{margin:0; padding:0}這樣
你的middle就會和left、right一樣高了