relative和absolute 使用感想

读head first javascript第8章有感：

示例代码：

	div#board {
		position:relative;
		width:1024px;
		height:863px;
		margin:auto;
		background:url("board.jpg") no-repeat;
	}

	div#messsageArea {
		position:absolute;
		top:0px;
		left:0px;
		color:rgb(83,175,19);
	}

	table {
		position:absolute;
		left:173px;
		top:98px;
		border-spacing:0px;
	}
	
	td {
		width:94px;
		height:94px;
	}

	form {
		position:absolute;
		bottom:0px;
		right:0px;
		padding:15px;
		background-color:rgb(83,175,19);
	}

	form input {
		background-color:rgb(152,207,113);
		border-color:rgb(83,175,19);
		font-size:1em;
	}

ƒƒ “position: relative” positions an element at its normal location in the flow of the page.

ƒƒ “position: absolute” positions an element based on the position of itsmost closely positioned parent.

ƒƒ The top and left properties can be used to specify the numberof pixels to offset a positioned element from its default position