從上往下看：

1：首先所有div的邊框?qū)挾葹?，ID1/2和題目沒關(guān)系，放過

2：ID3的寬度是200px；實(shí)際寬度是204px（寬度+左右邊框）；

3：由于ID4是ID3的子元素，并且ID3CSS屬性有position:relative; ?（相對(duì)元素），在執(zhí)行到ID4的時(shí)候它會(huì)去尋找它相當(dāng)?shù)脑氐奈恢茫瑢挾龋?9%這個(gè)時(shí)候執(zhí)行了，200*99%=198px；但是當(dāng)它浮動(dòng)的時(shí)候不是以盒子總寬度進(jìn)行浮動(dòng)的，是以元素寬度進(jìn)行浮動(dòng)的，再加上其自身的邊框總寬就出現(xiàn)了你看到的情況。