Question

 <div class="signup">
    <div>Tenxian アカウントに必要な情報</div><br/>
    </div>
      <br/><br/><br/><br/><br/><br/>

     <div align="center">@2009 Tenxian      &nbsp;&nbsp;利用規約
    </div><br/>
    <div align="center"><a href="/en/bidding/index.php">Tenxian·English</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="/cn/bid/index.php">腾闲·中国</a></div><br/><br/>

.signup的代码是：

.signup {
    border: 1px solid #99CCFF;
    position: absolute;
    width: 700px;
    height:450px;
    left: 50px;
    right: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;

}

问题在于

@ 2009 Tenxian利用规约

Tenxian·英语腾闲·中国

显示在<div class="signup"></div>的框中，如何从<div class="signup"></div>框中显示它？

我想要显示

@ 2009 Tenxian利用规约

Tenxian·英语腾闲·中国

位于网页底部，位于<div class="signup"></div>框的外部。怎么做？

 <div style="position:relative"><div align="center" >@2009 Tenxian      &nbsp;&nbsp;利用規約
</div><br/>
<div align="center"><a href="/en/bidding/index.php">Tenxian·English</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="/cn/bid/index.php">腾闲·中国</a></div><br/><br/>

</div>

不起作用。

Answer 1

问题是您的注册框设置为position:absolute。执行此操作时，该元素将从页面流中删除。

最简单的解决方案就是不要让它position:absolute。（如果无法做到这一点，请修改您的问题，以便发布更多有用的答案。）

您的原始代码，简化

<div class="signup">
  <div>Tenxian アカウントに必要な情報</div>
</div>

<div class="footer">@2009 Tenxian 利用規約</div>
<div class="footer"><a href="/en/bidding/index.php">Tenxian·English</a> <a href="/cn/bid/index.php">腾闲·中国</a></div>

.footer {
  text-align: center;
}

请注意，我的解决方案不要求您使用此代码。它适用于您现有的HTML标记。我发布此代码，以便将来的读者能够更轻松地理解标记。

可能的解决方案

.signup {
  border: 1px solid #99CCFF;
  width: 700px;
  height: 450px;
  margin-left: 50px;
  margin-right: auto;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
}

这使您的注册框占用页面流中适当的空间。以下是更改：

删除position:absolute：这会导致注册框显示为常规静态定位框
改为left和right改为margin：当静态显示块级别框时，它不会受top，left的影响，等等。相反，我们使用边距将盒子推到我们想要的位置。

Answer 2

{overflow:visible;}可能会有效

如何在<div> </div>框外显示文本

2 个答案:

您的原始代码，简化

可能的解决方案