框大小调整div中的所有元素

Question

我在应用程序站点上使用bootstrap 4.0 minified css，我想在另一个站点的顶部注入。

以下是文件：http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css

我遇到的问题是，由于以下样式，以下样式会影响我的应用程序后面的网站：

currNode

我试图修改CSS，因此它只针对我的包装div中的所有内容：

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

这没有用 - 任何想法？

Answer 1

我不熟悉Bootstap 4，但目前正在思考＆＃34;是盒子大小调整＆＃39;重置＆＃39;形成如此：

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

所以，如果你想使用，

.prefix-wrapper * {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
    }

...你首先必须将父级的box-sizing属性更改为不同的属性。

类似于：

.prefix-wrapper {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

Inheriting box-sizing @ CSS-Tricks