首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >将div高度扩展到整个网页

将div高度扩展到整个网页
EN

Stack Overflow用户
提问于 2011-04-15 07:54:54
回答 5查看 9.4K关注 0票数 4

有没有办法使用css将div的高度扩展到整个网页?

我没有使用

代码语言:javascript
代码运行次数:0
运行
复制
.height
 {
  height:100%;
  }

但这只会扩展到div中内容的高度。div应该覆盖整个网页,即使里面只有1行内容。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2011-04-15 07:57:30

代码语言:javascript
代码运行次数:0
运行
复制
<div><!-- make a <div> to hold everything in.. -->

<div style="width:125;height:100%;">blah blah blah</div>

<div style="height:100%;">blah blah blah</div>

</div>
票数 1
EN

Stack Overflow用户

发布于 2011-04-15 19:52:02

确保所有父项都设置了高度。html / body /等

该元素将采用其父元素高度的100%,但前提是父元素确实有一个高度。

一个非设定高度的100%将导致另一个非设定高度;)

票数 5
EN

Stack Overflow用户

发布于 2011-04-15 07:56:11

使用min-height属性。

代码语言:javascript
代码运行次数:0
运行
复制
.height {
   min-height: 100%;
}

但它非常依赖于上下文,而您没有提供上下文。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5671012

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档