Why Does `display: flex` on `` Fix Sticky Footers in IE11, and Is There a Clean IE Fix for Media Objects?

Flexbox Display: Flex in and Internet Explorer 11

Q1: Why does adding display: flex to and width: 100% to fix the Sticky Footer example in Internet Explorer 11?

According to caniuse.com, IE10 and IE11 have default flex values set to 0 0 auto instead of 0 1 auto as specified in the draft document. By adding display: flex to , you essentially override the default settings and force IE11 to adhere to the correct specifications.

Q2: Is there a "clean" solution to make the Media Object example work in Internet Explorer?

Unfortunately, the provided information does not contain a specific solution for the Media Object example in Internet Explorer. It acknowledges that inconsistencies between browsers can arise due to the current draft status of flexbox, but suggests that the situation may improve as the specification becomes official.

The above is the detailed content of Why Does `display: flex` on `` Fix Sticky Footers in IE11, and Is There a Clean IE Fix for Media Objects?. For more information, please follow other related articles on the PHP Chinese website!