4回答

• 

  mistyrain98

  2016-03-20 21:47:20

  已采纳

  width:99%是box4框的大小，你改为50%或其它的，你就知道了，左下角定位。都在框里呀，绝对(absolute)定位对象,相对(relative)定位对象。http://www.cnblogs.com/mutuan/archive/2011/11/08/2240822.html

  当设定position: relative  则参照父级（最近）的内容区的左上角为原始点结合TRBL属性进行定位,

  当设定position:absolute
  如果父级（无限）没有设定position属性，那么当前的absolute则结合TRBL属性以浏览器左上角为原始点进行定位
  如果父级（无限）设定position属性，那么当前的absolute则结合TRBL属性以父级（最近）的左上角为原始点进行定位。

  2 1

  mistyr... 回复qq_那个猫...

  不客气

  2016-03-21 01:40:49

  共 2 条回复 >

• 

  code16

  2016-03-20 22:38:46

  1. 我复制了你的代码，发现你现在的box4的文字已经在box3图片的底部了，这里没有问题啊？你关于box3和box4的代码没有什么问题，不过建议还是在“bottom:0;”的0后面加上px 单位。

  2. 你去掉width:99%之后还是有区别的，你检查一下右边框，不加99%的时候，box4的右边框左移了！

  3. 我是在chrome下测试的，其他浏览器下不清楚具体效果。
     

  0 0
• 

  mistyrain98

  2016-03-20 21:56:33

    你试着删掉一些东西 如：  position:absolute;   id="box3"，慢慢试吧，大概就明白了，相对位置与绝对位置

  0 0
• 

  jihuamubiao

  2016-03-20 21:45:36

  现在不懂不要紧，代码没有最优，只有更优，等你把该学的都学完了，像这样的问题都不是是事了，先不要钻牛角尖，继续吧，我相信总有一天你自己会能明白的。

  
  

  0 0