javascript - 如何在网站底部放置3个按钮？

Question

我只能放一个按钮，但现在我想在第一个按钮的左侧添加更多 2 个按钮。

我试过了，但是所有按钮都出现在“右下角”的同一位置，因为我正在使用博主，所以我必须将 HTML 和 CSS 代码放在同一页面上。

#ul_top_hypers li {
  display: inline;
  position: fixed;
  bottom: 0px;
  right: 0px;
  max-width: 35%;
  max-height: 35%;
  margin-bottom: 15px;
  margin-left: 5px;
  margin-right: 5px;
}

<ul id="ul_top_hypers">
  <li><a class="unused" href="tel:[phone]"><img src="img 1" /></a></li>
  <li><a class="unused" href="https://m.me/baha2.IT"><img src="img 2" /></a></li>
  <li><a class="unused" href="https://wa.me/201027884476"><img src="img 3" /></a></li>
</ul>

如果有帮助，这是我的网站：这里。

标签： javascripthtmlcssblogger

Answer 1

作为该按钮使用的默认模板FIXED位置，我建议删除FIXED位置li并将其ul改为。

#ul_top_hypers{
position: fixed;
bottom: 0px;
right: 0px;
}

#ul_top_hypers li{
display: inline;
max-width:35%;
max-height:35%;
margin-bottom:15px;
margin-left:5px;
margin-right:5px;
}

<ul id="ul_top_hypers">
<li><a class="unused" href="tel:[phone]"> <img src="img 1"> </a></li>

<li><a class="unused" href="https://m.me/baha2.IT"> <img src="img 2"> </a></li>

<li><a class="unused" href="https://wa.me/201027884476"> <img src="img 3"> </a></li>
</ul>