0

我将 div 设置为height: 400px;width 100%;

当浏览器缩小时,我希望它变得更小。max-height: 400px将是一个答案,但随后 div 变为 0px 高......如果你明白我的意思。div 不再是 400px 高 max-height: 400px;

div 的内容是文本。此文本仍然可见,但我需要整个 div 高度为 400px(对于背景颜色和此 div 下方的 div)。

我想要什么:我想要一个最小高度的 div,但是当浏览器缩小时会缩小...

4

2 回答 2

1

示例代码笔:http: //cdpn.io/cjyaq


设置height:100%max-height: 400pxdiv元素

同时height: 100%htmlbody元素设置

相关CSS

html, body { padding: 0; margin: 0; height: 100%; }

div { 

  border: 3px red solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  height: 100%; max-height: 400px; 
}

注意:如果您的浏览器足够现代并且支持vh/vw单位,则无需设置 body 和 html 元素的高度:只需应用

height: 100vh; max-height: 400px;

在你的 div 元素上

于 2013-10-03T11:57:04.617 回答
0

将 height:100% 和 max-height:400px 都分配给 DIV。

于 2013-10-03T11:53:21.080 回答