关于最后的距离,我说下自己实践后的结果!
你可以看到mid div图片的宽是649,然后它在style中定义的border是1,加起来就是在style中给的650。
你可以试试把border改为100,你可以在右边看到border变宽了,实际mid div的宽度也变大了,但是图片的宽度没变,是不是可以理解为style中定义的width并没有什么意义,实际上你删掉那句width:650px试试;确实可以看出没有影响,所以我觉得她给的宽度就是给你的参考值!
最后一步我认为是110+650+17=777。(我是把mainbody设为relative)
有什么理解不到位的地方,欢迎指正!
你可以看到mid div图片的宽是649,然后它在style中定义的border是1,加起来就是在style中给的650。
你可以试试把border改为100,你可以在右边看到border变宽了,实际mid div的宽度也变大了,但是图片的宽度没变,是不是可以理解为style中定义的width并没有什么意义,实际上你删掉那句width:650px试试;确实可以看出没有影响,所以我觉得她给的宽度就是给你的参考值!
最后一步我认为是110+650+17=777。(我是把mainbody设为relative)
有什么理解不到位的地方,欢迎指正!
2016-09-02
希望幕友们不要抱怨太多,不要揪着问题不放,不要想讲的有多少问题,要想想从中学习了多少。别管是不是又那么多问题,反正我是学到了。当然有问题也要指出来,这样子大家才能共同进步,共同学习。
2016-09-02
#mainbody{margin-top:15px;position:relative;}
#left{width:110px; float:left;border:1px solid #999;}
#mid{width:650px;border:1px solid #999;float:left;margin-left:13px;}
#right{border:1px solid #999;position:absolute;top:0;right:0;margin-left:790px;}
#left{width:110px; float:left;border:1px solid #999;}
#mid{width:650px;border:1px solid #999;float:left;margin-left:13px;}
#right{border:1px solid #999;position:absolute;top:0;right:0;margin-left:790px;}
2016-09-01