css样式定位属性之绝对定位的利用

利用css定位属性中的绝对定位positon:absolute对同一元素指定相对的偏移量属性可以暗示所需的尺寸大小

例如：

	
	
	


	

		
检方公诉书显示，自2002年以来，袁诚家、杜德福等人采取“以商养黑”“以黑护商”等非法手段将触角伸向辽宁本溪、鞍山和云南省香格里拉县的矿山开采、选矿加工、房地产开发、房屋建筑等经济领域，疯狂敛财、扩张资本，至案发前，总资产累计达20亿元。
		
检方公诉书显示，自2002年以来，袁诚家、杜德福等人采取“以商养黑”“以黑护商”等非法手段将触角伸向辽宁本溪、鞍山和云南省香格里拉县的矿山开采、选矿加工、房地产开发、房屋建筑等经济领域，疯狂敛财、扩张资本，至案发前，总资产累计达20亿元。
		
检方公诉书显示，自2002年以来，袁诚家、杜德福等人采取“以商养黑”“以黑护商”等非法手段将触角伸向辽宁本溪、鞍山和云南省香格里拉县的矿山开采、选矿加工、房地产开发、房屋建筑等经济领域，疯狂敛财、扩张资本，至案发前，总资产累计达20亿元。
	

分析：该html中应用css定位样式把文本通过绝对定位的方式设置了相关的尺寸大小，同时对此进行拓展，我们可以由此想到利用此种方式制作固定的页眉页脚和边栏，如下代码：

	
	
	


	
固定页眉
	
左侧边栏
	
右侧边栏
	

		
对于舆论对袁诚家“黑老大”身份的关注，王殿学显得很淡然，“这都是依法提出的要求，
申请国家赔偿和当事人是不是‘黑老大’其实没有多大关系，而且这几年来中央在产权保护
领域也不断出台了新政策,只要是应该偿还的，就应该依法偿还。”
		
王殿学律师向《中国经济周刊》记者介绍，按法院判决，当年被办案机关查封扣押的财产中
应该返还的主要包括被认定与黑社会犯罪无关的17家企业及其收益、袁诚家及家人账户和非
涉黑企业账户上的存款、包括银行入股金在内的对外投资款、袁诚家2003年黑社会性质组织
成立前的资产2000万元以及包括300箱茅台酒在内的物品
	
	

		
固定页脚
	

在css入门经典中对此有着详细介绍，通过此可以对文本进行页眉页脚和边栏的格式设置，使页面美观化，文本格式正规化。

利用此种方法，我们将其拓展化，可以将其在此基础上设置多栏情况，例如：

	
	
	


	

		
带有页眉和页脚的多栏布局
	
	

		
左侧边栏
		

			
知识点分析
			
在多栏布局中添加了页眉和页脚相当简单，只需要简单在左侧分栏留出空间，其他元素会各就各位。如此程序演示结果
			
在本例中有一些重要的概念需要了解，首先看页眉和页脚的样式。页眉和页脚元素中都包含了一个应用margin属性的元素。页眉中嵌套了应用margin属性的h1元素，其属性值为5像素，页脚中嵌套了margin属性的p元素，其属性值也是5像素。页眉和页脚也都有1个像素的黑色实线边框。这样做不仅仅出于美观原因，因为没有边框，嵌套元素的外边距和其父元素的外边距相互折叠。我们都知道，只要元素的上下外边距接触到父元素或者相邻元素的上下边距，就会发生外边距折叠。本例为了阻止外边距发生折叠，就需要为父元素——即id名为heading和footer的
元素添加边框。如果去掉边框，则会发生外边距折叠现象。

		
	
	

		
页脚位置
	

绝对定位除了可以对文本加上页眉页脚和多栏格式外，还可以配合javascript制作弹出广告效果的网页，如下：

	
	
	


id名为dialogue的
的元素在浏览器的窗口里垂直和水平居中。看到该技术，您或许想知道这能否在宽度和高度变化的内容中实现，即id名为dialogue的
元素没有固定的宽度和高度。答案是否，应用此技术的元素必须要有固定的宽度和高度。但对于绝大多数情况下，这不是问题。因为可以允许内容溢出，如果有必要的话通过overflow属性提供滚动条id名为dialogue的
的元素在浏览器的窗口里垂直和水平居中。看到该技术，您或许想知道这能否在宽度和高度变化的内容中实现，即id名为dialogue的
元素没有固定的宽度和高度。答案是否，应用此技术的元素必须要有固定的宽度和高度。但对于绝大多数情况下，这不是问题。因为可以允许内容溢出，如果有必要的话通过overflow属性提供滚动条id名为dialogue的
的元素在浏览器的窗口里垂直和水平居中。看到该技术，您或许想知道这能否在宽度和高度变化的内容中实现，即id名为dialogue的
元素没有固定的宽度和高度。答案是否，应用此技术的元素必须要有固定的宽度和高度。但对于绝大多数情况下，这不是问题。因为可以允许内容溢出，如果有必要的话通过overflow属性提供滚动条id名为dialogue的
的元素在浏览器的窗口里垂直和水平居中。看到该技术，您或许想知道这能否在宽度和高度变化的内容中实现，即id名为dialogue的
元素没有固定的宽度和高度。答案是否，应用此技术的元素必须要有固定的宽度和高度。但对于绝大多数情况下，这不是问题。因为可以允许内容溢出，如果有必要的话通过overflow属性提供滚动条id名为dialogue的
的元素在浏览器的窗口里垂直和水平居中。看到该技术，您或许想知道这能否在宽度和高度变化的内容中实现，即id名为dialogue的
元素没有固定的宽度和高度。答案是否，应用此技术的元素必须要有固定的宽度和高度。但对于绝大多数情况下，这不是问题。因为可以允许内容溢出，如果有必要的话通过overflow属性提供滚动条id名为dialogue的
的元素在浏览器的窗口里垂直和水平居中。看到该技术，您或许想知道这能否在宽度和高度变化的内容中实现，即id名为dialogue的
元素没有固定的宽度和高度。答案是否，应用此技术的元素必须要有固定的宽度和高度。但对于绝大多数情况下，这不是问题。因为可以允许内容溢出，如果有必要的话通过overflow属性提供滚动条
	

		
利用此种绝对定位方法配合Javascript使用可以创建弹出式对话框，当然那些在屏幕上到处浮动的弹出式广告很令人讨厌。很遗憾的是，类似于这样的弹出式窗口也有很多合理之处，因此浏览器不能禁用他们