h5教程li inside-block在IE11换行无效的原因

问题描述：

在IE11浏览器中，使用h5教程li元素内的块级元素（inside-block）时，发现换行无效。需要解决这个问题。

问题分析：

在HTML5中，h5教程li元素内的块级元素是合法的，而且在大多数现代浏览器（如Chrome、Firefox、Safari）中正常工作。然而，在IE11浏览器中，如果在li元素内使用块级元素，并尝试让它换行，会发现换行无效。

这个问题的根本原因是IE11浏览器对CSS样式的处理方式与其他现代浏览器存在差异。IE11对display属性的某些值的解析可能与规范不一致，导致元素的布局效果不符合预期。

解决方案：

为了解决IE11中li元素内的块级元素无法换行的问题，我们可以使用以下两种方法：

1. 使用浮动：

<li style="overflow: auto;">
  <div style="float: left; width: 100%">
    inside-block 元素内容
  </div>
</li>

在这个解决方案中，我们给li元素设置了overflow: auto;属性，以确保li元素成为一个包含块，能够包含浮动元素。然后，让inside-block元素使用float: left;属性来实现换行效果。

2. 使用display: table;

<li style="display: table;">
  <div style="display: table-row;">
    <div style="display: table-cell;">
      inside-block 元素内容
    </div>
  </div>
</li>

这种方法通过将li元素的display属性设置为table来解决问题。然后，在li元素内部使用display: table-row;和display: table-cell;属性来实现换行效果。

总结：

通过使用浮动或display属性，我们可以解决在IE11浏览器中li元素内的块级元素无法换行的问题。这两种方法都是通过改变CSS样式来实现的，确保我们的代码在各种浏览器中都能正常工作。