Html 相对于子图元的父图元边界框

好的，我一直想问另一个问题。我希望这足够简单，而不是重复

所以我有一个列表项列表，其中嵌套了一些锚定标记

<ul class="news">
<li><a href="#">This Link is Longer</a></li>
<li><a href="#">My Links</a></li>
</ul>

总之

背景框设置为最大锚定标记的长度。在本例中，我的链接“我的链接”周围有一个紫色框，它与上面的链接一样大或一样长，“此链接更长”。我很可能会踢自己，但我会如何使用CSS，设置我的li宽度（我假设宽度）相对于它的锚孩子的大小。。。“我的链接”应该有一个紫色的框，大小和“我的链接”的长度一样大（当然，每边加上7px的填充）

---

感谢您的helllppp

使列表项也浮动

ul.news li {
    float: right;
}

---

使列表项也浮动

ul.news li {
    float: right;
}

这就是你想要的吗

        ul.news {
            max-width: 40%;
            float: right;
        }

        ul.news li{
            text-align: right;
            margin: 0px 0px 10px 0px;
            padding: 7px 0px 7px 0px;
        }

        ul.news li a{
            padding: 7px;
            background-color: rgba(57,14,99,1.0);
        }

这是你想要的吗

        ul.news {
            max-width: 40%;
            float: right;
        }

        ul.news li{
            text-align: right;
            margin: 0px 0px 10px 0px;
            padding: 7px 0px 7px 0px;
        }

        ul.news li a{
            padding: 7px;
            background-color: rgba(57,14,99,1.0);
        }

---

哇！答对 了像那样简单的事情似乎从我脑海中掠过。谢谢@不客气，如果答案解决了你的问题，别忘了把它标为“接受”。答对 了像那样简单的事情似乎从我脑海中掠过。谢谢@不客气，如果答案解决了你的问题，别忘了把它标为“接受”