Question

我要修复此页面（http://l2topserver.com/l2topserver）只是为了获得正确的横幅链接。我写了这段代码但是当屏幕分辨率下降时，页面会在右侧断开。我可以使用哪些设置来使页面不中断？

第一段

.header11 a {
  display: block;
  background-image: url("http://www.l2topserver.com/test/1.jpg");
  padding-left: 395px;
  padding-top: 1000px;
  width: 100px;
  left: 5px;
  top: 10px;
  position: fixed;
}

<div class="header11">
  <div align="left">
    <a href="https://www.google.com" target="_blank">
    </a>
  </div>
</div>

第二个片段

.header111 a {
    display: block;
    background-image: url("http://www.l2topserver.com/test/2.jpg");
  
    padding-left:395px;
    padding-top:1000px;
    width:100px;
    left: 1410px; top: 10px;
    position: fixed;
    overflow: auto;
}

<div class="header111">
    <div align="right">
       <a href="https://www.google.com" target="_blank">
       </a>  
    </div>
</div>

Answer 1

您可以在第二张图片中使用right: 0;。

.header11 a {
    display: block;
    background-image: url("http://www.l2topserver.com/test/1.jpg");

    padding-left:395px;
    padding-top:1000px;
    width:5%;
    left: 5px; top: 10px;
    position: fixed;

}

.header111 a {
    display: block;
    background-image: url("http://www.l2topserver.com/test/2.jpg");

    padding-left:395px;
    padding-top:1000px;
    width:5%;
    right: 0; 
    top: 10px;
    position: fixed;
    overflow: auto;
}

想要修复此页面背景

1 个答案: