NLDIC

说明

请注意，这些布局的 CSS 带有大量注释。如果您的大部分工作都在设计视图中进行，请快速浏览一下代码，获取有关如何使用固定布局 CSS 的提示。您可以先删除这些注释，然后启动您的站点。要了解有关这些 CSS 布局中使用的方法的更多信息，请阅读 Adobe 开发人员中心上的以下文章：http://www.adobe.com/go/adc_css_layouts。您可以先删除这些注释，然后启动您的站点。若要了解有关这些 CSS 布局中使用的方法的更多信息，请阅读 Adobe 开发人员中心上的以下文章：http://www.adobe.com/go/adc_css_layouts。

清除

由于所有列都是浮动的，因此，此布局对 .container 采用 overflow:hidden。此清除方法强制使 .container 了解列的结束位置，以便显示在 .container 中放置的任何边框或背景颜色。如果有任何大型元素突出到 .container 以外，该元素在显示时将被截断。您也不能使用负边距或具有负值的绝对定位将元素拉至 .container 以外，这些元素同样不会在 .container 之外显示。

如果您需要使用这些属性，则需要采用其它清除方法。最可靠的方法是在最后一个浮动列之后（但在 .container 结束之前）添加 <br class="clearfloat" /> 或 <div class="clearfloat"></div>。这具有相同的清除效果。

脚注

在列后面（但仍在 .container 内）添加脚注将导致此 overflow:hidden 清除方法失败。您可以将 .footer 放到第一个 .container 之外的另一个 .container 中，而不会影响效果。最简单的选择是从含有标题和脚注的布局开始，然后删除标题以便在该布局类型中利用清除方法。

背景

本质上，任何 div 中的背景颜色将仅显示与内容一样的长度。这意味着，如果要使用背景颜色或边框创建侧面列的外观，将不会一直扩展到脚注，而是在内容结束时停止。如果 .content div 将始终包含更多内容，则可以在 .content div 中放置一个边框将其与列分开。