Ящик, определяющий размер всех элементов в div

Question

Я использую bootstrap 4.0 minified css на сайте приложения, который я хочу ввести поверх другого сайта.

Вот файл: http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css

Проблема у меня будет следующий стиль влияет на сайте, сидя за мое приложение из-за эти стили:

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

Я попытался изменить CSS, поэтому он нацелен только на все, что находится внутри моего оберточного div следующим образом:

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

Это не сработало - никаких идей?

Answer 1

Я не знаком с Bootstap 4, но в настоящее время «мышления» в том, что коробка-проклейки «перезагрузки» формируется следующим образом:

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

Итак, если вы хотите использовать,

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

... Первый должен изменить свойство размера коробки на родительском объекте на что-то другое.

Так что-то вроде:

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

Inheriting box-sizing @ CSS-Tricks