                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /企业网站综合布局实战

关于在sidebar中设置1px边框后，sidebar挤到下一行

老师视频中未对sidebar加边框（留到给sidebar里边的内容加上边框）

但是尝试了一下加上了sidebar的边框，sidebar就挤到了第二行，比较疑惑，本应该刚刚好1000px，

在不同浏览器中测试了一下，IE中是好的，chrome和firefox都被挤到了第二行

比较疑惑，求解答！

07:25

amateur

2015-04-17

源自：企业网站综合布局实战 3-9

关注问题我要回答

1148

操作

收起

2 回答

牙尖十怪
2015-04-17

边框是算在元素宽度之外的，如果你设置了元素宽度100px，边框1px，那么它的实际宽度就是102px

0 回复有任何疑惑可以回复我~

收起回答

amateur 提问者

这我明白，可是按道理问题中 3个内容 + 2个间距 + 6个1px边框刚好等于1000px的，但是为嘛最右的div被挤下来？

2015-04-17 回复有任何疑惑可以回复我~

牙尖十怪回复 amateur 提问者

去看看盒子模型吧，IE盒子模型所要占的位置，会比W3C盒子模型占的位置小。http://www.webjx.com/css/divcss-10550.html

2015-04-17 回复有任何疑惑可以回复我~

慕郎_莲华
2015-04-17

再嵌套一层给内层设置边框~默认下加边框会增加占有的面积的~也可以设置box-sizing: border-box;边框就不会增加盒子的宽度了

0 回复有任何疑惑可以回复我~

收起回答

amateur 提问者

为嘛这里会出现跟理论上不符合的情况呢？

2015-04-17 回复有任何疑惑可以回复我~

0/150

提交

取消

企业网站综合布局实战

参与学习 157042 人
解答问题 1984 个

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

进入课程

本课相似问答

5 回答奇怪！！！为什么我设置了边框加上内容区域大小1000px后，sidebar还是跳到下一行？

6 回答那个sidebar title右边的 More>>

1 回答为什么course里面的内容显示到sidebar那里去了

1 回答什么情况下需要设置边框border？

5 回答为什么搜索框会有边框，我没有设置边框啊。

搜索更多本课相关问答

关于在sidebar中设置1px边框后，sidebar挤到下一行

我要回答关注问题

热搜

最近搜索清空

关于在sidebar中设置1px边框后，sidebar挤到下一行

2 回答

本课相似问答

关于在sidebar中设置1px边框后，sidebar挤到下一行