再难做的项目也是由小的知识点够成的【人总是在不断的学习来充实自己，还有凡是要靠自己别老只着别人】

1.设置div盒子的位置

<style type="text/css">
        #div3
      {
       position:absolute;
       top:100px;
       right:267px;  
      }        
        
</style>

 

相对定位

#box_relative

{ 

position: relative; 

 left: 30px;

  top: 20px;

}

CSS 绝对定位

#box_relative {  position: absolute;  left: 30px;  top: 20px;}

浮动

CSS float 属性

在 CSS 中，我们通过 float 属性实现元素的浮动。

把图像向右浮动：img  {  float:right;  }

 

2.将盒子的边框显示出来

<div id="div2" style="border: 2px solid Red; width:211px; height:563px;">