Question

我有以下HTML结构：

<div class="outer">
<div class="inner">
<a href="#"/>
<a href="#"/>
<a href="#"/>
</div>
</div>

和CSS：

div.outer{
    position:relative;
    height:177px;
    width: 495px;
    margin: 0 10px 0 10px;
    overflow: hidden;
} 
div.inner{
    position: absolute; 

}

如何才能在音调上调整外部div的大小？高度min-max不起作用。谢谢！

Answer 1

为了让我按照我认为您希望它工作的方式工作，那么您需要使用所有三个声明：min-height，height和max-height， height是一个相对度量，min-height和max-height都用于将相对大小限制为适当的最小值或最大值。例如：

.outer {
    overflow: auto;
    margin: 0 auto;
    width: 50%;
    border: 2px solid #000; /* The above just for aesthetics, adjust to change */
    min-height: 100px;
    height: 50%;
    max-height: 1000px;
}

JS Fiddle demo

在演示中，调整窗口大小以进行“预览”。窗格展开/收缩以查看效果。

如果可能，调整Div纯CSS

1 个答案: