使div填充整个页面的高度
使div填充整个页面的高度，可以通过CSS样式实现。以下是一个简单的示例：
<!DOCTYPE html>
<html>
<head><style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
.full-height {
height: 100%;
}
</style>
</head>
<body>
<div class="full-height">
这个div将填充整个页面的高度。
</div>
</body>
</html>在这个示例中，我们设置了html和body元素的高度为100%，并且将它们的边距和内边距设置为0。然后，我们创建了一个名为full-height的CSS类，它将元素的高度设置为100%。最后，我们将这个类应用到div元素上，使其填充整个页面的高度。
相关·内容
2回答
将div设置为填充页面，并使其在附加时保持该高度。
html、css
我有3行，中间的数据被附加到上面，这样它的高度就会增加。如何使中间div填充页的其余高度，然后在向其添加更多数据时保持该大小？}
--我已经修复了中间div的高度，以使滚动开始工作，但是如果我使用柔性盒来填充它的高度，当内容被附加到它时它就会扩展，使整个页面更高。E:页眉和页脚不能有固定的高度，因为它们中有动态设置的文本
浏览 1提问于2018-05-21得票数 0
4回答
填充整个页面的div高度
html、css
我有一个div，我想让它填充整个页面，而不需要任何水平或垂直滚动。html如下所示： <div class="container"></body>body{ width:800px; height: 100vh;通常，对
浏览 0提问于2015-05-12得票数 2
2回答
特定高度和宽度，但也使用填充/边距？
html、css
因此，我试图创建一个A4页面。就目前而言，页面的页边距是50便士。在我的示例中，整个文档(A4)是300x300像素：
我想要的是这样的东西：我只想设置一个固定的容器的宽度和高度，添加一些空白，并使包装内填充整个空间。如果我将padding: 50px添加到#container DIV中，那么其高度和大小将在所有侧面增加50 to (基本上使其变为400x400像素)。
我怎样才
浏览 4提问于2016-11-01得票数 1
回答已采纳
2回答
使div以高度填充整个页面
javascript、html、css、height
我有一个这样结构的页面：我希望侧边栏在高度上填满屏幕的所有剩余空间。我该怎么做呢？
浏览 2提问于2011-10-06得票数 0
回答已采纳
1回答
如何使div展开以填充页面，并在底部保留固定数量的区域？
html、css
我知道如何让div展开以填满整个页面。我的问题是，我想在顶部和底部分别留下一个薄带和一个薄带。频带可以是y个像素量。然后，我希望中间的div扩展以填充剩余的区域。每次我尝试这样做的时候，它都会扩展到页面的底部。我能计算出的唯一原因是，父DIV被设置为高度的100%，所以它是从这个高度得到它的数字的。我已经尝试使用页边距和填充，但这没有帮助。它仍然使用父高度的100%。
浏览 2提问于2011-02-10得票数 0
回答已采纳
3回答
使导航div扩展页面的整个高度
html、css
我在页面的左边有一个导航栏。我希望它跨越整个高度的page.Following是超文本标记语言和css的结构。 <div class=“main_wrap”> <div class="main-sidebar"><div class="sidebar">
<
浏览 0提问于2015-09-21得票数 0
2回答
如何获得使用母版页的网页的完整高度？
javascript、jquery、asp.net、master-pages
我正在写一个脚本，创建一个弹出窗口，使弹出窗口后面的屏幕变暗。我正在使用JQuery的$("#dim").css("height", $(document).height());调整div元素的大小，但它没有覆盖母版页区域。有没有办法获得整个页面的高度而不只是子页面的高度？
编辑:问题实际上可能出在我的div的位置，而不是大小。我将它设置为top:0，但也许我需要使用javas
浏览 0提问于2011-09-09得票数 2
回答已采纳
我已经创建了一个具有页脚的最小高度为100%的页面，如所示。
使它们是绝对的，并设置top: 0px; bottom: 0px;。这将使div填充整个高度，但是如果添加了内容，div就不会更高。
浏览 3提问于2012-11-03得票数 0
回答已采纳
1回答
基于内容高度的边距顶变化
html、css
我有一个视频，我使用作为背景以上的折叠在一页，跨越100%的宽度。我希望视频位于页面的中心位置。我认为最好的选择是按照使用vh的方式将高度设置为某种东西。然而，我注意到，当我到达更大的屏幕，因为视频本身调整到更大的宽度，它使视频的高度也更大，导致整个底部被切断。，然后我可以用它来计算我可以在顶部加多少填充作为空白？编辑以添加HTML --这是比较的HTML：
&l
浏览 3提问于2017-12-20得票数 3
回答已采纳
4回答
身高:100%( IE7 )
css、html、height
更新结束更新 *UPDATE*我正在使用CSS做一个div填充屏幕的需要。我已经将宽度和高度设置为100%，但是div没有填充屏幕的高度。这是IE7的一个已知问题，还是我可能只是遗漏了什么？下面的代码。
浏览 6提问于2012-04-11得票数 3
回答已采纳
1回答
当父Div有边距时文本框高度为100%
asp.net、css、html
; height: 100%"> </div>我想要文本框占据有边距的内部div的全部空间。两个问题：
如果内部div有100%的高度，它就会溢出，因为它有边距。我不能在外部div上填充，因为外部div会溢出它的父元素等等。整个布局是一个有四个相等子方块的正方形，其中每个子方块都像上面的</em
浏览 1提问于2012-11-23得票数 0
3回答
css height属性
html、css
我有以下关于css的问题，我想知道是否有一种方法可以通过设置绝对高度值来解决它。background-color:white;}
margin-top:0px;}<body>
<div id='info'>
<div id='menua'&
浏览 2提问于2012-01-12得票数 0
2回答
高度为100%的HTML布局
html、css、cross-browser
基本上，我需要一个div，它里面有一个表格，单元格中有div等。另外，我需要最外层的div有100%的高度和宽度(覆盖整个页面)和后代来计算他们的高度，除了那些div的内容高度大于他们的(他们应该显示滚动条)。我已经准备了一个测试页面的小提琴：
到目前为止，只有Google Chrome按照我的计划显示了它，IE不会100%计算高度中的填充和页边距，Firefox会随着内容拉伸(
浏览 6提问于2011-11-08得票数 1
1回答
如何设置页面制服的背景色，即使是在滚动之后？
html、css、twitter-bootstrap、twitter-bootstrap-3
在一页中，我的div只有屏幕高度的一半。还有另一页，我正在渲染，它很大(我必须向下滚动)。在设置background-color of container之后，在呈现第一个页面时，只显示页面的一半background-color，而对于第二个页面，background-color在整个页面上是统一的CSS height: 100%; background-color: lightblue;
<
浏览 2提问于2016-12-10得票数 0
1回答
流星的JavaScript给我带来了一个错误
javascript、meteor
我正在使用流星为一个快速的网站，我试图使这个div‘#框’适合的视口，然后有顶部切断‘#包装’。但是所有这些方法都出错了，或者它们填充了整个页面，而不仅仅是页面大小.所以它应该和视口高度一样高，但是你可以滚动到下一页(我正在做一个页面设计) :)
var viewPortHeight =
浏览 3提问于2014-09-04得票数 0
回答已采纳
3回答
如何调整内容div的大小以覆盖jQuery移动中的整个内容区域
android、css、google-chrome、openlayers、jquery-mobile
我使用一个标题和一个内容div启动了一个简单的jQuery移动页。content应该用作开始层的映射容器。除了标题栏外，地图应该填充整个屏幕。对于宽度/高度为100%的内容div进行大小调整不起作用(没有显示任何内容)，所以我正在寻找一种CSS方法来处理像素大小的div或相对大小的解决方案。如何使布局“高度弹性”，即抵抗浏览器地址栏的切换？到目前为止，这是我的标记：
<div</e
浏览 2提问于2011-01-18得票数 0
回答已采纳
2回答
图像在div内，显示为原样，没有边距。
twitter-bootstrap、css、responsive-design、background-image
我有一个长的，长的图像(1280x498)，我将放在一个div作为背景。我的div是一个引导jumbotron类div将图像设置为background-image使其响应并位于表单后面，就像我想要的那样问题:图像的高度小于498，因此它看起来是裁剪的。我必须设置额外的填充和页边距，但这增加了不必要的滚动页。我添加了padding-bottom: 4
浏览 1提问于2016-03-14得票数 0
回答已采纳
6回答
css并排浮点高度100%
css、layout、internet-explorer-6、html
我有两个div，并排的，在另一个div中填充和边距。我可以浮动div和补偿边距等等，但是我不能让divs扩展到A的整个高度，A和B都没有固定的高度，那么如何使C扩展到A的全部高度呢？B的高度拉伸，这也是一个完全的流体布局，所以宽度也不是固定的。基本上，我需要C来扩展A的整个高度。A只是
浏览 0提问于2011-01-05得票数 3
回答已采纳
1回答
基于页面大小的Visual设计器的自动大小
visual-studio、xaml、uwp
在修改单个页面的XAML时，我希望在中看到页面的所有内容。我可以将设备选项更改为具有更高分辨率的设备，以查看更多的内容，但这仍然保留了大多数内容的隐藏。是否有一种方便的方法来设置除尘器的宽度和高度与页面的宽度和高度相同？
浏览 0提问于2018-11-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
