问答详情
源自:13-9 Relative与Absolute组合使用

为什么box3 和box4 没有对齐呢

为什么box3 和box4 没有对齐呢

提问者:qq_TinyIsland_0 2016-03-28 15:51

个回答

  • Feilan_shark
    2016-03-28 16:12:08
    已采纳

    从上往下看:

    1:首先所有div的边框宽度为2,ID1/2和题目没关系,放过

    2:ID3的宽度是200px;实际宽度是204px(宽度+左右边框);

    3:由于ID4是ID3的子元素,并且ID3CSS属性有position:relative;  (相对元素),在执行到ID4的时候它会去寻找它相当的元素的位置,宽度,99%这个时候执行了,200*99%=198px;但是当它浮动的时候不是以盒子总宽度进行浮动的,是以元素宽度进行浮动的,再加上其自身的边框总宽就出现了你看到的情况。

  • 咚咚咚咚咚咚
    2016-03-28 15:59:28

    box4宽度99%