0

我将用一个例子来描述我的问题：假设我们用css绘制了一个块，我们可以看到水平拖动浏览器窗口时的效果，块的宽度会改变，直到它达到它的最小宽度。现在我希望它对块的高度做同样的事情，它不起作用，这是我遇到的问题。有什么帮助吗？

这是我的示例代码：

#block {
    margin: auto;
    margin-top: 100px;
    display: block;
    border: 2px solid grey;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 30px 40px;
    background-color: rgba(148, 148, 148, 0.15);
    color: #fff;
    box-shadow: 0 0 5px #bab9b9;
    -moz-box-shadow: 0 0 5px #bab9b9; /* Firefox */
    -webkit-box-shadow: 0 0 5px #bab9b9; /* Safari, Chrome */
}
4

4 回答 4

1

那么你可以添加

padding-top:50%

到您的块 css，高度会随着您调整浏览器的宽度而变化。我只在 FF 上测试过这个，所以我不知道这是否适用于其他浏览器，我不能 100% 确定这是否是你要找的

于 2012-05-11T18:03:23.870 回答
0

我会说不，因为我认为你的意思是左边距和右边距的变化。有了高度，这不会像预期的那样工作，因为高度通常高于窗口高度。

如果您的身高有限，也许它可以工作，但我从未尝试过。而且我认为没有 margin-top: auto; margin-bottom: auto;相同的效果margin-left: auto; margin-right: auto;

所以...按照建议...如果您想要这种效果，请改用JS

于 2012-05-11T08:44:55.540 回答
0

我对你的问题感到困惑。你还没有min-width在你的块上设置任何东西。你想要实现什么 - 一个窗口高度为 100% 的块？

于 2012-05-11T08:42:44.333 回答
0

我认为没有 Javascript 就无法做到这一点。

于 2012-05-11T08:39:50.943 回答