`

三列等高。中间列优先

阅读更多
<!DOCTYPE html>
<html>
<head>
<meta charset="gbk" />
<title>三列等高。中间列优先</title>
<style type="text/css">
body, h2 { margin: 0; }
body { min-width: 550px; }
/* h2去除FF等body上面的空白*/#main { margin: 5px; }
#header { height: 100px; background-color: gray; }
#footer { height: 50px; background-color: gray; clear: both; }
.container { zoom: 1; }
.column { float: left; }
.center { width: 100%; background: #D6D6D6; }
.box { margin: 0 150px 0 200px; }
.left { margin-left: -100%; width: 200px; background: #E79F6D; }
.right { margin-left: -150px; width: 150px; background: #77BBDD; }
</style>
</head>
<body>
<div id="main">
  <div id="header">
    <h2> header</h2>
  </div>
  <div class="container">
    <div class="center column">
      <div class="box"> 中国人喜欢凑热闹是出名的，话说人行道上一位仁兄抬头望天，没过多久，越来越多的人聚拢在他的周围一起望天，最后把警察叔叔引来了，警察叔叔问，看什么呢？旁边的人回答：就是不知道看什么，所以在看呀！然后警察叔叔一层层的问进去，问到最先望天的仁兄：你看什么呢？仁兄回答道：出鼻血不可以啊？！
        读书时一直暗恋她，但没勇气表白，更没胆量碰她。毕业后，她已经结婚了，老公跟我是同学。那天下午，她抱着娃娃在喂奶，我找了个很好的借口。我走到她面前，一把两手按住她的MIMI，然后跟她娃娃说，喊叔叔，不喊不给吃!
        波兰总统：我坠机了，郁闷啊。 林彪回复：沙发，同楼主，悲剧。 金正日跟贴：只坐火车的飘过，安全。 张作霖跟帖：楼上sb。 </div>
    </div>
    <div class="left column"> 两海龟快活后，相约来年再相聚，第二年公龟来到见母龟已在等待，但母龟却大骂：你TMD爽完了也不把我翻过来，都一年了 </div>
    <div class="right column"> 中国人喜欢凑热闹是出名的 </div>
  </div>
  <div id="footer">
    <h2> footer</h2>
  </div>
</div>
</body>
</html>
分享到：
| a空标签设成块元素后ie7不能点击
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics