我来给它捉个虫_CSS网站布局实录（第2版）书评-查字典图书网

翻到第69页，把“3.6 两列右列宽度自适应”的代码测试一下，如何？为明显起见，把左列的border-width改为10px，把右列的background-color改为#00cccc。代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdd">
<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: #cccccc;
      border: 10px solid #333333;
      width: 100px;
      float: left;
      }

      #right {
      background-color: #00cccc;
      border: 2px solid #333333;
      height: 300px;
      }
    </style>
  </head>
  <body>
    <div id="left">新春闲话，以这样的对联起笔，意头佳乎？佳也！刚过的鼠年实在邪，神州大地彷佛是受到了什么诅咒：新劳动合同法，宏观调控与人民币的处理失误频频，再加上地球金融风暴，使经改的大好形势止于二十九年。牛年怎样看呢？我没有温家宝先生那么乐观。「邪」是要「辟」的，那就让我来「磨砺以须」吧。</div>
    <div id="right">任何人做任何事，有恃无恐占了先机。一个貌美如花的女人在路上走，所有眼睛向她看，她会走得潇洒；一个大富之君参加盛宴，有呼风唤雨之能，其感受穷光蛋是无从体会的；姚明只要站起来，对手就冷了半截……我呢？一介书生，早逾古稀，彷佛杜工部老来之际，茅舍给孩子们掷石头也无可奈何。然而，对读书人来说，今天的世界比杜老昔日好过：只要拿起笔，对着格子，就感受到武侠小说中说的一阳指，理直气壮，只要能写得文气如虹，掷地有声，有恃无恐矣。</div>
  </body>
</html>

效果在我的相册里：
http://www.douban.com/photos/photo/210520643/