html – 没有固定高度的滚动条/带滚动条的动态高度

栏目: Html · 发布时间: 8年前

内容简介:你必须指定一个固定的高度,你不能使用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://jsfiddle.net/6WAnd/4/

代码日志版权声明:

翻译自:http://stackoverflow.com/questions/10980822/scrollbar-without-fixed-height-dynamic-height-with-scrollbar


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。

深入解析Spring MVC与Web Flow

深入解析Spring MVC与Web Flow

Seth Ladd、Darren Davison、Steven Devijver、Colin Yates / 徐哲、沈艳 / 人民邮电出版社 / 2008-11 / 49.00元

《深入解析Spring MVCgn Web Flow》是Spring MVC 和Web Flow 两个框架的权威指南,书中包括的技巧和提示可以让你从这个灵活的框架中汲取尽可能多的信息。书中包含了一些开发良好设计和解耦的Web 应用程序的最佳实践,介绍了Spring 框架中的Spring MVC 和Spring Web Flow,以及着重介绍利用Spring 框架和Spring MVC 编写Web ......一起来看看 《深入解析Spring MVC与Web Flow》 这本书的介绍吧!

MD5 加密
MD5 加密

MD5 加密工具

SHA 加密
SHA 加密

SHA 加密工具

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换