使用css文件在html中向右/向左滑动菜单栏

【问题标题】：Swipe right/left menu bar in html using css file使用css文件在html中向右/向左滑动菜单栏
【发布时间】：2022-07-20 16:47:32
【问题描述】：

在这里，实际上我无法插入将左/右菜单栏滑动到我的网站上

以下是我尝试过的一些代码，但它不是设计好的：

<ul>
  <li><a href="default.asp">Home</a></li>
  <li><a href="news.asp">About</a></li>
  <li><a href="contact.asp">Contact</a></li>
  <li><a href="about.asp">Design

请帮我在我的编码中解决这个问题

【问题讨论】：

标签： javascript html css

【解决方案1】：

我已经为你创建了快速示例，请检查一下

<div class="container">
  <ul class="sidemenu">
    <li><a href="default.asp">Home</a></li>
    <li><a href="news.asp">About</a></li>
    <li><a href="contact.asp">Contact</a></li>
    <li><a href="about.asp">Design</a></li>
  </ul>
  
</div>

<style>
.container
{
  width:100%;
  height:100%;
  background-color:#CCC;
}

.sidemenu
{
  float:right;
}
</style>

JSFIDDLE

【讨论】：

答案应该包含在答案本身中解决问题所需的所有内容，您可以添加代码 sn-p 以在您的 JS fiddle 中显示代码。（另外，请解释一下你做了什么以及它如何解决提问者的问题）