                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

为什么box3 和box4 没有对齐呢

qq_TinyIsland_0

2016-03-28

源自：初识HTML(5)+CSS(3)-升级版 13-9

关注问题我要回答

1032

操作

收起

2 回答

Feilan_shark 回答被采纳 +3 积分
2016-03-28

从上往下看：

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

2：ID3的宽度是200px；实际宽度是204px（宽度+左右边框）；

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