Question

我正在尝试在页面顶部弹出一个弹出窗口，以便使用浏览器调整大小。文本确实如此，但包含它的div没有，因此文本被截断。

这是我的CSS：

.popdownbanner { position:absolute;top:0;left:0;height:100%;width:100%;background:#FF0C10;color:#000000;font:normal 95% Arial, Helvetica, sans-serif;}

HTML：

<div class="popdownbanner"><center>
        <h3 style="margin-left:10px;margin-right:10px;font-size:18px">THIS IS MY TEXT THAT IS CUT OFF, but I have several lines more than I have typed here.<a href="#" title="Donate" target="_blank">Click here to help!</a></h3></center>
       </div>

页面上的其他CSS与h3标记冲突，因此HTML中的样式标记。如果我可以在不使用任何JavaScript的情况下调整大小，那么这就是我的偏好。

Answer 1

当您使用绝对定位时，您应该能够移除宽度和高度属性并用右边替换它们：0;和底部：0;具有相同的效果，应该调整窗口大小。它的方法在过去对我有好处，所以希望对你也有用！

当然，这假设你想要一个全屏div，正如你的css建议的那样。是那样的吗？

CSS动态调整Div以适应内容？

1 个答案: