Question

我在wordpress网站上使用简单的模态插件。模态工作正常，但只有一个问题是模态的高度将自身设置为页面的结束滚动。宽度设置为80％，工作正常，但height:auto属性根本无法正常工作。请告诉我如何解决这个问题？。如果在下面的CSS我硬编码高度然后技巧工作，但我正在尝试的是达到高度：自动属性。

.modal {
    background-color: #FFFFFF;
    border: 1px solid #666666;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: none;
    font-size: 16px;
    height: auto !important;
    left: 50%;
    margin-left: -40%;
    overflow: visible;
    padding: 1.25em;
    position: absolute;
    top: 100px;
    transform: scale(1, 1);
    transform-origin: 0 50% 0;
    visibility: hidden;
    width: 80%;
    z-index: 999;
}

Answer 1

您需要将font-size：16px更改为默认字体大小：14px，它将解决问题。

简易模态高度问题

1 个答案: