十天学会DIV+CSS第二天笔记

一列布局

1. 一列宽度固定：

#div1{

Width:500px;

Height:300px;

Background-color:pink;

}

2. 一列宽度固定居中：

#div1{

Width:500px;

Height:300px;

Background-color:pink;

Margin:0 auto;

}

3. 一列自适应宽度

#div1{

Width:80%; //按窗口比例的80%显示

Height:300px;

Background-color:pink;

}

4. 一列自适应宽度居中

#div1{

Width:80%;

Height:300px;

Background-color:pink;

Margin:0 auto;

}