float：right； 网页分成两栏 神奇效果 二十二

float:right;

    一个属性竟然有这么神奇的效果!!!!!外观普通的页面变成了分成两栏的外观雅致的页面了，更具有可读性和观赏性了

在 CSS 中添加了 float ： right；

#elixirs {
  border:              thin solid #007e7e;
  width:               200px;

  padding:             0px 20px 20px 20px;

  margin-left:         20px;

  text-align:          center;

  background-image:    url("images/cocktail.gif");
  background-repeat:   repeat-x;
  float:               right;
  line-height:         1;
}

附件： HFHTML_ch12.zip  


效果显示：分成了两个栏目了

#sidebar {
  background:       #efe5d0 url(images/background.gif) bottom right;
  font-size:        105%;
  padding:          15px;
  margin:           0px 10px 10px 10px;
  width:            280px;
  float:            right;
}