html – css div自动填充文档中的所有可用空间

概述我试图得到一个div文件的宽度和高度. 如下图所示,周围10个像素： http://screensnapr.com/v/a9JWIf.png 但是每次我填充或添加到主体或外部div的边缘时,它都会添加到文档的总高度并显示滚动条. 如何在不扩展文档大小的情况下使div自动填充所有可用大小？ 编辑：任何负边距都不会影响div的总大小 这是一个小提琴 http://jsfiddle.net/ZRz32/ @H_419_4@ 我试图得到一个div文件的宽度和高度.
如下图所示,周围10个像素：
http://screensnapr.com/v/a9JWIf.png

但是每次我填充或添加到主体或外部div的边缘时,它都会添加到文档的总高度并显示滚动条.

如何在不扩展文档大小的情况下使div自动填充所有可用大小？

编辑：任何负边距都不会影响div的总大小

这是一个小提琴
http://jsfiddle.net/ZRz32/6/

如您所见,它扩展了文档高度.
我需要它来保持文档的大小减去十个像素

@H_419_4@解决方法 我认为这是最简单的方法：

HTML,body {    wIDth: 100%;    height: 100%;    margin: 0;    padding: 0;}#container {    wIDth: 100%;    height: 100%;}#main {    position: @R_502_4613@;    height: auto;    bottom: 0;    top: 0;    left: 0;    right: 0;    margin: 10px;    background-color: green;}<div ID="container">    <div ID="main"></div></div>

我更新了你的小提琴here.

@H_419_4@ @H_419_4@ @H_419_4@ @H_419_4@ 总结

以上是内存溢出为你收集整理的html – css div自动填充文档中的所有可用空间全部内容，希望文章能够帮你解决html – css div自动填充文档中的所有可用空间所遇到的程序开发问题。

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