Question

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

我尝试过，但是所有按钮都出现在我使用Blogger时的同一位置“右下方”，因此我必须将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:01027884476"><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>

如果可以的话，这是我的网站：here。

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:01027884476"> <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>

Answer 2

每次都要记住我们想做的事情和我们想念的事情。检查您的代码，“ ul”是我们的主要集合，“ li”是我们的子集。当您固定子集的位置时，它将把所有子集排列在单个位置，因为它们的右/左/下/上位置相同。因此，我们必须为主要集而不是子集固定位置。

更新代码将与此类似。



    #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:01027884476"><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>

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

2 个答案: