body {/* padding:0; margin:0; */ }
#head {
/* margin:0; height:99px;
background-image:url("images/guagua_01.jpg");
background-repeat:no-repeat;
background-position:center center; 距离左边的边距,距离上边的边距
*/
/*background:url("images/guagua_01.jpg") left bottom no-repeat; 另一种写法*/
/*background-color:#F00; Red
float:left;
*/
}
div
{
/*
border:1px solid #ccc; width:50px; height:50px;
*/
}
#container
{
width:560px;
padding:5px;
margin:0 auto;/* 居中 (很常用的功能),但要配合Html标签上面那两句声明使用,另外像
border:1px solid #ccc;
}
#left,#right
{ width:100px; height:100px; border:1px solid #ccc; }
#left { float:left; width:400px; }
#right { float:right; }
.clear{clear:both;} /* 因为浮动关系,要加上它,不然其他DIV会脱离Container这个DIV 所有网站都是这样解决的 */