已采纳回答 / 慕粉3759934
margin负值是反方向移动.我把这里的margin拆分了,你看的清除点margin-top: -150px; 这里的意思是,元素向上移动150px,为什么是150px .因为150px是高度300px的一半,同样的道理margin-left:-250px 元素向左移动宽度的一半left:50%和top:50%只是把元素的左上角原点居中了,并不是整个元素居中,要想让元素居中,就要把元素向左边拉回来一半的宽度,和向上拉一半的高度
2016-09-03
关于最后的距离,我说下自己实践后的结果!
你可以看到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
说实话,讨论再多也没用,你们可以在BOX2加个边框试试,仔细看就知道BOX2仍然是占据了整行的。也就是说浮动是脱离了文档流的,但是并没有脱离文本流,BOX2中的内联元素会受到影响。浮动会影响下一个元素的说法也不严谨,主要是因为浮动脱离了文档流,而其后元素只是紧挨着前面的元素排列而已(已经浮动的元素不算),属于标准文档流的规范。尽信书不如无书,这里并没有怀疑老师的专业能力,可能按照这样的理解在工作中也能避免问题,但是我想说的是,编程这种东西,自己多敲敲,不要看小说一样,敲敲多了就会发现问题的。
2016-09-01