前端学习三-box定位。

两个盒子之间定位

<div id="box1">111
    <div id="box2">112</div>

</div>.

/*下面是任务部分*/
#box1{
    width:200px;
    height:200px;
    position:relative;//参照定位元素必须加入position:relative.
           
}
#box2{
    width:99%;
    bottom:0;
    position:absolute;//定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。
         
    
    
}

，text-align:center是指使父元素里面的文本居中，   

 .wrap{
        border:2px red solid;
    position:relative;
    float:left;
    left:50%;
}居中方法之一。div不定宽块状元素