为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/如何用CSS进行网页布局

为何我的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>http://img1.sycdn.imooc.com//56cdc77b0001fa7413660592.jpg


雨落平生

2016-02-24

源自：如何用CSS进行网页布局  4-1

关注问题 我要回答
756
操作
收起

正在回答

3 回答

soojade 回答被采纳 +3 积分
2016-02-24 
body{margin:0 padding:0}//这一句margin:0后面应该加分号;


1 回复 有任何疑惑可以回复我~
收起回答
qq_尨柏音频_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  也 低一点 怎么回事啊

0 回复 有任何疑惑可以回复我~
收起回答
mk7885
2016-02-24

经过我的火眼精金认真的排查，发现你的代码中少了一个分号，所以才会出现

middle会比left和right低了那么一点

少了分号的位置是在body{margin:0 padding:0}这行代码中，添加上分号就变成body{margin:0; padding:0}这样

你的middle就会和left、right一样高了


1 回复 有任何疑惑可以回复我~
收起回答
#1

江湖上

果然火眼金睛，程序员有时候就是要火眼金睛，给你手动点赞...
2016-02-25 回复 有任何疑惑可以回复我~
#2

雨落平生 提问者

点错了，本来想点你为最佳答案的结果点成上面一个答案。非常很感谢你的帮助（抱拳状）！我瞪着屏幕看了半天没看出哪里有问题，O(∩_∩)O~。
2016-02-25 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
如何用CSS进行网页布局
  • 参与学习       209624    人
  • 解答问题       1153    个

用最简洁的案例教你布局的那些知识，这是前端工程师基本技能

进入课程

为何我的middle会比left和right低了那么一点。一下是代码请帮忙分析

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信