斗弟 2019-08-31 11:36 采纳率: 0%
浏览 1258

全局使用 box-sizing: border-box;会出现bug吗。

问题是:没有定位和浮动的情况下,子元素和父元素之间出现空白区域。






1.html结构 和效果截图:
图片说明





父元素的样式:
图片说明


第一行的样式代码:

图片说明





第二行样式代码:

图片说明




其中p是没有写样式的,只有继承通配符的样式margin:0;padding:0;box-sizing: border-box;

问题:见截图

图片说明

会莫名其妙的出现一个空白区域(宽度为:8px,我通过定位调试得知。)

我的解决方法

我把 box-sizing: border-box;去掉后发现能正显示了,但是我之前的布局都会出错了。这并不是我想要的结果。究竟问题出在哪里?求告知。

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
  • 写回答

2条回答

  • Json-Huang 2019-08-31 12:38
    关注

    全局会影响所有的,不是全局应用样式,建议新加子样式,在子样式中加,既可以继承父样式(即这里的全局),也可以有个性设置。

    评论

报告相同问题?

悬赏问题

  • ¥15 MATLAB yalmip 可转移负荷的简单建模出错,如何解决?
  • ¥15 数学的三元一次方程求解
  • ¥20 iqoo11 如何下载安装工程模式
  • ¥15 本题的答案是不是有问题
  • ¥15 关于#r语言#的问题:(svydesign)为什么在一个大的数据集中抽取了一个小数据集
  • ¥15 C++使用Gunplot
  • ¥15 这个电路是如何实现路灯控制器的,原理是什么,怎么求解灯亮起后熄灭的时间如图?
  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 在abaqus做了二维正交切削模型,给刀具添加了超声振动条件后输出切削力为什么比普通切削增大这么多
  • ¥15 ELGamal和paillier计算效率谁快?