html侧拉抽屉式边栏

要创建一个HTML侧拉抽屉式边栏，你可以按照以下步骤进行操作：

1. 首先，将整个侧边栏设置为绝对定位，并将top和left值都设为0，以固定在左上角位置。
2. 设置侧边栏的高度为100%屏幕高度，并使用padding来控制宽度。
3. 使用font-size: 0;属性来移除列表项之间的间隙。
4. 创建一个具有.drawer类的元素，该类将应用上述CSS样式。
5. 在HTML文档中引入prefixfree.min.js文件，以确保兼容各大浏览器。
6. 在你的HTML文件中加入主菜单项，可以使用无序列表（`<ul>`）和列表项（`<li>`）来创建。
7. 使用CSS3动画和过渡效果，通过设置:hover伪类选择器来实现鼠标滑过菜单项时侧边栏的滑动效果。

这样，你就可以创建一个抽屉式滑动侧边栏菜单，当鼠标滑过菜单项时，相应的主菜单将以平滑的方式滑出，就像拉开抽屉一样。

请注意，为了确保兼容性，建议在CSS样式中使用浏览器厂商的前缀，并在页面中引入prefixfree.min.js文件。