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

来源:3-9 企业网站制作之信息展示区制作

amateur

2015-04-17 12:31

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

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

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

比较疑惑,求解答!

写回答 关注

2回答

  • 牙尖十怪
    2015-04-17 13:00:38

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

    牙尖十怪 回复amateu...

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

    2015-04-17 13:22:39

    共 2 条回复 >

  • 慕郎_莲华
    2015-04-17 12:59:00

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

    amateu...

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

    2015-04-17 13:02:09

    共 1 条回复 >

企业网站综合布局实战

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

157043 学习 · 1984 问题

查看课程

相似问题