最近写的新官网的项目一直都是用的bootstrap的框架,今天的的页面其中一个模块使用的插件和bootstrap冲突,当把bootstrap.css去掉后,页面中的部分样式发生了错乱
主要表现为margin和padding值不好使 ,是因为 没有固定盒子的尺寸,定位后导致块元素属性消失
position定位 或 浮动 后引起的
解决方法:
该元素添加
*{
box-sizing: border-box;
}
固定了盒子的尺寸,无论怎么调整边距都不会改变盒子的大小
最近写的新官网的项目一直都是用的bootstrap的框架,今天的的页面其中一个模块使用的插件和bootstrap冲突,当把bootstrap.css去掉后,页面中的部分样式发生了错乱
主要表现为margin和padding值不好使 ,是因为 没有固定盒子的尺寸,定位后导致块元素属性消失
position定位 或 浮动 后引起的
解决方法:
该元素添加
*{
box-sizing: border-box;
}
固定了盒子的尺寸,无论怎么调整边距都不会改变盒子的大小