Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of "what is the IE box model". The editor shows you the operation process through the actual case, and the operation method is simple, fast and practical. I hope this article "what is the IE box model" can help you solve the problem.

The IE box model is shown below:

The inner layer in the figure is content and then content padding border. Usually when we set the background, it is the content, the inner margin and the border. The outer margin is transparent and does not obscure other elements.

Total width of the element box = width (padding-left+padding-right+border-left+border-right)

Total height of the element box = height (padding-top+padding-bottom+border-top+border-bottom)

The width and height of the two models are calculated (not the same)

Width of the box model in W3C: including margin+border+padding+width; width:margin*2+border*2+padding*2+width; height:margin*2+border*2+padding*2+height

Width of the box model in iE: including border+padding+width

The two widths above add up to the same properties. So we should choose the standard box model and add a DOCTYPE declaration at the top of the page.

This is the end of the content about "what is the IE box model". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.