1.DIV+CSS 的练习_html/css_WEB-ITnose

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 所有网站都是这样解决的 */

左侧

右侧