Html <；部门>；不会在外部适应<；李>；身高

这是我在Stackoverflow上的第一个问题，所以请友善一点：3我在一个网站上遇到了一个问题，我无法让一个div获得外部li高度。我不能直接链接该网站，因为你将需要一个私人VPN访问，但我会尽可能提供更多的信息。这是我正在处理的代码：

    #boxdocenti ul.elencodocenti li div {
    margin: 15px auto;
    border-radius: 50%;;
    max-width:90%;
    height: auto;
    /*background-color: #ff6319;*/
    transition: all 0.5s ease 0s;
}

#boxdocenti ul.elencodocenti li div img {
    max-width: 85%;
}

#boxdocenti ul.elencodocenti li div:hover {
    background-color: #ff6319;
}

---

圆圈div里面有一个img，我不知道为什么，但是圆圈div变成了一个椭圆形！当我进入悬停状态时，它会给图像一个奇怪的椭圆形边框，而不是一个完美的圆。有什么建议吗？很抱歉没有链接，但它位于VPN网络中。

我看不到更多相关的CSS和HTML，因此有一些选项

备选案文1。将

显示为块元素，展开

高度并添加更多边界半径。尝试添加以下属性：

#boxdocenti ul.elencodocenti li {
    display: block;
}

#boxdocenti ul.elencodocenti li div {
    height: 100%;
    border-radius: 100%;
}

备选案文2。绝对定位。这将把

延伸到

边界

#boxdocenti ul.elencodocenti li {
    display: block;
    position: relative;
    height: 200px; //fixed height
}

#boxdocenti ul.elencodocenti li div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

---

在css中，决定#boxdocenti ul.elencodocenti li div是圆形还是椭圆形的是图像的高度。如果您的图像是正方形，它将生成一个圆。如果你的图像是一个矩形，它将产生一个椭圆形。您的包含div将呈现您图像的高度。

这是我能最接近您所谈论的行为：

您的代码有点缺乏，因为它只是CSS。 然而，您所描述的似乎是一个

显示：

问题

我认为发生了什么：默认情况下，元素是

内联

或

内联块

元素，但当您悬停时，display属性会更改

因此，我认为添加（或删除）display属性应该会有所帮助

摘要

添加

显示：内联块，以保持其大小，而不扩展到其父对象的可能全长

你可以发布相关的HTML吗？请尝试用一个小而短的例子向我们展示你的问题，你的实际标记高度：100%；它将占据非英语母语的家长li Element的全部高度，对不起。