当前位置： 查字典图书网> 交互> CSS网站布局实录（第2版）> 我来给它捉个虫

我来给它捉个虫

智障 对 CSS网站布局实录（第2版） 的书评 发表时间：2009-02-07 18:02:02

翻到第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/

有用 1 无用 0

您对该书评有什么想说的？

对“我来给它捉个虫”的回应

[已注销]
[已注销] 2009-12-27 14:35:33

第99页的第二段也有问题，我怀疑作者是在IE下写代码，然后把结果写到书上。因为到目前为止，有两个地方作者说的跟IE下的表现一样，但FireFox的表现却不是这样。

回应他
[已注销]
[已注销] 2009-12-27 14:18:27

84页到85页的那几个对比也有问题，我全部试了一遍，实际上我在电脑里运行的结果是：IE系列的所有浏览器的表现都与书中IE5的描述一致。

回应他
智障
智障 2009-02-08 14:17:27

其实，采用“两列右列宽度自适应”的网站是非常罕见的，大多都是固定宽度。上面所说的例子http://www.jasonsantamaria.com/，现在也是固定宽度。solidot.org是一个自适应的例子。

回应他
智障
智障 2009-02-07 18:46:13

再给左列添加margin: 10px可能会更加清楚：
http://www.douban.com/photos/photo/210526217/
好在书中提到了一个两列，右列宽度自适应的例子：
http://www.jasonsantamaria.com/

回应他

《CSS网站布局实录（第2版）》热门书评

CSS网站布局实录（第2版）

书名： CSS网站布局实录（第2版）
作者： 李超
出版社： 科学出版社
副标题： 基于Web标准的网站设计指南
出版年： 2007-9
页数： 432
定价： 39.00元
装帧： 平装
ISBN： 9787030193421