说明

介绍

请注意,这些布局的 CSS 带有大量注释。如果您的大部分工作都在设计视图中进行。

语法格式

由于所有列都是浮动的,因此,此布局在脚注规则中采用 clear:both 声明。此清除方法强制使 .container 了解列的结束位置,以便显示在 .container 中放置的任何边框或背景颜色。如果您的设计要求您从 .container 中删除脚注,则需要采

实例

此布局的标题中使用了图像占位符,您可能希望在其中放置徽标。建议您删除此占位符,并将其替换为您自己的链接徽标。

请注意,如果您使用属性检查器导航到使用 SRC 字段的徽标图像(而不是删除并替换占位符),则应删除内联背景和显示属性。这些内联样式仅用于在浏览器中出于演示目的而显示徽标占位符。

要删除内联样式,请确保将 CSS 样式面板设置为“当前”。选择图像,然后在“CSS 样式”面板的“属性”窗格中右键单击并删除显示和背景属性。(当然,您始终可以直接访问代码,并在其中删除图像或占位符的内联样式。)

知识细节

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