html – 溢出：隐藏和％高度

概述我正在创建一个页面,我不希望任何固定的px高度,也使用overflow：hidden. 我的HTML是形式的; <div class="scrollable fl">...Some content</div> CSS定义为; .scrollable { border-color: #CCCCCC; border-style: solid; border-width: 1 我正在创建一个页面,我不希望任何固定的px高度,也使用overflow：hIDden.

我的HTML是形式的;

<div >...some content</div>

CSS定义为;

.scrollable {    border-color: #CCCCCC;    border-style: solID;    border-wIDth: 1px;    height: 100%;    overflow: hIDden;    position: relative;    wIDth: 100%;}

也只是添加,我已经给了溢出：隐藏(浮动：左边也是一些父)到所有可滚动的父/祖先div.

现在的问题是,如果我将高度设置为100％,则可滚动div不会根据其内容进行扩展(它适用于固定的px高度…但我没有那个选项,因为我正在设计一个完全流畅的布局)

我尝试了两件不起作用的东西;
1.保持高度链活着(即给可滚动的所有父/祖先div提供100％的高度.
2.尝试使用height：auto可滚动

我该如何解决这个问题？

解决方法 div设置为其内容所需高度的100％,而不是您想要的高度.

尝试：

.scrollable {    border-color: #CCCCCC;    border-style: solID;    border-wIDth: 1px;    overflow: hIDden;    position: relative;    top:0px;    bottom:0px;    wIDth: 100%;}

您可能还需要为链中的其他元素执行此 *** 作.

总结

以上是内存溢出为你收集整理的html – 溢出：隐藏和％高度全部内容，希望文章能够帮你解决html – 溢出：隐藏和％高度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。