CSS:特殊流体布局问题

Question

见附图.这是如何完成的？天哪,我已经使用了8年的CSS,但不知何故从来没有这样做过!

谢谢!

Answer 1

我是这样做的:

<style> 
  #container { margin-left: 250px; }
  #sidebar {
    display: inline; /* Fixes IE double-margin bug. */
    float: left;
    margin-left: -250px;
    width: 250px;
  }

  /* Definitions for example only: */
  #sidebar { background: #FF0000; }
  #content { background: #EEEEEE; }
  #sidebar, #content { height: 300px; }
</style>

<div id="container">
  <div id="sidebar"></div>
  <div id="content"></div>
</div>

这里的例子