#middlebox {  
margin: 0 34% 0 170px; 
border-left: 2px solid #000; 
border-right: 2px solid #000; 
padding: 0 10px 10px; 
background-color: #6b9; 
} 

  中间栏段有设定背景色，以便跟右边栏段作区分。  这个栏段也需要补白(padding)和边框(border)，不过因为没有设定"宽度(width)"属性，并不会触发 IE5.x 的区块模块(box model)问题。 

  这个栏段也必须是最长的栏段，并且用你支持的最大分辨率(resolution)浏览时，仍要能够延伸到检视区(viewport)底端下方，否则"body"的背景就会在页尾(footer)下方出现。 

  这整个范例没有在任何栏段里宣告"高度(height)"属性，这是为了避掉一些浏览器表现"高度(height)"属性的独特方式。  因为这些条件的限制，这个版面非常适合那些总是有很长的中间栏段的网页，像是 weblogs。 

  页首、页尾和中间栏段是"固定的(static)"（或说"相对的(relative)"），而这三者一起定义了网页的尺寸。你可以帮页首和页尾指定"高度(height)"。 

  在原始文件里，以绝对位置表示的 div#rightbox 放置在 div#leftbox 之后，  因此这些 div 的"top"属性可以忽略。  这会让它们待在它们该在的垂直方向起点，也就是说它们是固定的（直接连在固定的页首下）。  所以如果页首因为额外的内容扩大，三个栏段都会往下调整，这样不是很棒吗？ 

  Mozilla 中，因为垂直方向的舍入误差(rounding error)，在某些分辨率里，页尾下方可能有 1px 的空隙，  这个范例描述得更详细。 

  Nav4 中没办法使用像"div#leftbox"这类语法，所以请用"#leftbox"来代替。我的写法只是为了要明确地表示。 

  致谢：再次感谢Philippe Wittenbergh  ，因为他的帮忙，让这个范例更为完善。更感谢   Mark Howells  ，因为他提供了最初的 body 背景点子。