我有一个高度为 100% 的 div:
height: 100%;
另外我添加了一个绝对位置:
position: absolute;
当我添加绝对位置属性时,div 会拉伸(stretch)到页面的高度,而不是像以前那样拉伸(stretch)到页面内部内容的高度。我怎样才能使 div 延伸到内容的高度,而不是页面的高度?
如果有帮助的话,这里是完整的代码:
.blah {
height: 100%;
width: 200px;
position: absolute;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border: 0px solid .800000;
padding: 0.5em;
background-color: #ffffff;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
}
最佳答案
只是不要使用 height:100%
高度会自动调整到内容。
您描述的行为源于这样一个事实:一旦您分配了 position:absolute;
,父元素(根据其确定 100%)将成为 body
元素(假设您没有放置该 DIV 的其他父元素)。
关于html - 使 div 拉伸(stretch)到内容的高度,而不是页面的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13981263/