Width in CSS

The browser uses CSS to render pages for the description of the element's box model. Therefore, the width of the element is affected by the parent element and the CSS description.

Typically, the width of an element is the width of the content-box in the box model. That is, the default Box-sizing:content-box. Here, the width of the CSS is consistent with the width of the graph.

When setting Box-sizing:border-box, there are also width, innerwidth, outerwidth and the like, but the width of the CSS setting is equal to Outerwidth (false):

Other conditions

Box-sizing is the ability provided by CSS3. The browser support situation is as follows:

Nonetheless, the width,ie7 of CSS settings is still considered content-box, while IE5 is considered border-box.

Compatibility setting Width:

. box {

width:100px; /*firefox*/

*width:100px; /*ie7*/

_width:100; /*ie6*/

}

Reference:

http://caniuse.com/

Width in CSS