如何使低版本浏览器支持HTML5标签，以及如何实现布局中的左边固定宽度、右边自适应，并设置滚动条自动选择最高的那个

本文主要是介绍如何使低版本浏览器支持HTML5标签，以及如何实现布局中的左边固定宽度、右边自适应，并设置滚动条自动选择最高的那个，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

要让低版本浏览器支持HTML5标签,可以使用以下方法:

1：使用 HTML5 Shiv 库：
HTML5 Shiv 是一个 JavaScript 库,可以让低版本的 IE 浏览器(IE6-IE9)识别和渲染 HTML5 标签。使用方法如下:

<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->

2：使用 Modernizr 库：
Modernizr 是一个功能更强大的 JavaScript 库,不仅可以让低版本浏览器支持 HTML5 标签,还可以检测浏览器对 HTML5 和 CSS3 的支持情况,并根据支持情况做出相应的处理。使用方法如下:

<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>

3：CSS 方式：
使用 CSS 的 display: block; 属性将 HTML5 标签转换为块级元素,从而让低版本浏览器识别和渲染这些标签。例如:

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;
}

对于布局中左边固定宽度、右边自适应,并设置滚动条自动选择最高的那个,可以使用以下 CSS 代码实现:

<div class="container">

这篇关于如何使低版本浏览器支持HTML5标签，以及如何实现布局中的左边固定宽度、右边自适应，并设置滚动条自动选择最高的那个的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---