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

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 Ten仙利用規約

滕县·英语腾闲·中国

在<div class="signup"></div>框中显示，如何将其显示在<div class="signup"></div>框中。

我想展示

@2009 Ten仙利用規約

滕县·英语腾闲·中国

在网页的底部和<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;
}

这使得您的注册框占用了页面流中适当的空间。以下是一些变化：

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

Answer 2

{overflow:visible;}可能有效