html - CSS:特殊流体布局问题

Question

见附图。这是如何实现的？天哪，我已经使用 CSS 8 年了，但不知何故从来没有必要这样做!

谢谢!

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>

Example here