这个元素是如何在页面上出现的？

Question

在这个页面上(您需要向购物车中添加一个产品以查看签出字段)：https://www.wptasty.com/checkout

字段集元素(“信用卡信息”)位于其容器的一半之外(灰色背景是容器)：

结帐表格的一部分，图例就在它的容器外面的一半。

我最初认为这只是一些负的最高利润，但我找不到任何证据。我以为它是绝对定位的，但也找不到。

您能帮助我理解它是如何以这种方式定位的吗?这样我就可以撤销它，并将它移回它的容器中。

HTML：

<form>
    <fieldset>
        <legend>Credit Card Info</legend>
        <input>A variety of inputs</input>
    </fieldset>
</form>

提前感谢！

Answer 1

"Credit“显示在一个legend元素中，它正在执行legend在字段集中所做的操作:它在其父fieldset的顶部边框内显示中心对齐。这是legend的默认显示，这是HTML中的一个特例。

您可以使用float或absolute定位来定位它，但是display这样的东西不能工作，因为legend是特殊的。