div探索系列（一）：让div居中显示

#top {
margin:0px auto;
width:50%;
height:300px;
    background-color: #CC0000;
}

margin:0px auto;这句话就能实现div的居中显示

div居中效果

这是固定的高度和宽度

这是自适应的高度和宽度