CSS Border-box
#example1 {
box-sizing: border-box;
}
Southern Right Whale
#example1 {
box-sizing: border-box;
}.jumbotron
{
padding-top: 0px;
padding-bottom:0px;
background-image:url('images/car/car.jpg');
background-size: cover;
height:560px;
}header, ul, nav, li, a /* other elements */{
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;*{
box-sizing: border-box;
}.div1 {
width: 300px;
height: 100px;
border: 1px solid blue;
}
.div2 {
width: 300px;
height: 100px;
padding: 50px;
border: 1px solid red;
}box-sizing: border-box;
box-sizing: content-box;
/*content-box gives you the default CSS box-sizing behavior. If you set an element's
width to 100 pixels, then the element's content box will be 100 pixels wide, and
the width of any border or padding will be added to the final rendered width, making
the element wider than 100px.
border-box tells the browser to account for any border and padding
in the values you specify for an element's width and height. */