DIV的width属性与border

2014-04-15

    当我们把 DIV 的 style 设置为{width:100%;boeder:1px solid red}时,网页显示水平滚动轴。网页效果显示如下:xXr七七世界-网站建设|UI设计|人资系统|二次开发

20140415093435.jpgxXr七七世界-网站建设|UI设计|人资系统|二次开发

    而当我们在 body 里面设置 style{overflow-x: hidden;},水平滚动轴消失隐藏。效果如下:xXr七七世界-网站建设|UI设计|人资系统|二次开发

20140415093522.jpgxXr七七世界-网站建设|UI设计|人资系统|二次开发

    此时你会发现网页的右侧是不是 border 的color 看不到,为什么呢?xXr七七世界-网站建设|UI设计|人资系统|二次开发
    七七解答:xXr七七世界-网站建设|UI设计|人资系统|二次开发
    1:DIV霸气侧漏,默认占用width:100%; 此时我们如果再给 DIV 设置 {width:100%;boeder:1px solid red},那么 DIV 将会超出 1px ;xXr七七世界-网站建设|UI设计|人资系统|二次开发
    2:解决此问题:我们只需要把 DIV 设置的 {width:100%;boeder:1px solid red} 中的 width:100% 去掉即可。xXr七七世界-网站建设|UI设计|人资系统|二次开发

本文关键词:width属性  border