内容简介:你必须指定一个固定的高度,你不能使用100%,因为没有什么可以比较,如在height = 100%的什么?编辑小提琴:
我有这个HTML结构:
<div id="body"> <div id="head"> <p>Dynamic height without scrollbar</p> </div> <div id="content"> <p>Dynamic height with scrollbar</p> </div> <div id="foot"> <p>Fixed height without scrollbar</p> </div> </div>
我想在主要部分(#body)中没有溢出的三个部分.所以我在中间需要一个滚动条.
我试过这个CSS:
#content{ border: red solid 1px; overflow-y: auto; }
和这个:
#content{ border: red solid 1px; overflow-y: auto; height: 100%; }
但他们都不工作.
我在 JSFiddle 做了一个例子.
我可以只用CSS和HTML吗?我宁愿避免使用Javascript.
你必须指定一个固定的高度,你不能使用100%,因为没有什么可以比较,如在height = 100%的什么?
编辑小提琴:
代码日志版权声明:
翻译自:http://stackoverflow.com/questions/10980822/scrollbar-without-fixed-height-dynamic-height-with-scrollbar
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- html – 没有JavaScript,可以使border-radius等于总高度的一半?
- 认知的高度 = 人生的高度
- 父div高度不能自适应子div高度的解决方案
- Android XML灵活布局之 EditText实现自适应高度同时限制最小和最大高度
- iOS初级开发学习笔记:一个页面中自动计算cell的高度来自适应tableView的高度
- RN 踩坑:内容区域高度
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
断点:互联网进化启示录
[美]杰夫·斯蒂贝尔 / 师蓉 / 中国人民大学出版社有限公司 / 2014-11-1 / CNY 49.00
一部神经学、生物学与互联网技术大融合的互联网进化史诗巨著。 我们正置身网络革命中。互联网的每一丝变化都与你我息息相关。当科技变得无处不在时,它就会改变你我。在《断点》一书中,大脑科学家和企业家杰夫·斯蒂贝尔将带领读者来到大脑、生物与技术的交汇处,向读者展示生物学和神经学是如何与互联网技术发生联系的;我们是如何通过生物学上的前车之鉴,来预测互联网的发展的;互联网在经历增长、断点和平衡后又会发生......一起来看看 《断点:互联网进化启示录》 这本书的介绍吧!