请选择 进入手机版 | 继续访问电脑版
建宸教程网 首页 教程网 css教程

如何伸展一个元素到窗口高度

2020-8-9 15:38
原作者: 建宸网络 收藏 分享 邀请

在具体场景中,我们可能想要将一个元素伸展到窗口高度,基本元素的调整只能调整容器的大小,因此要使一个元素伸展到窗口高度,我们需要伸展顶层元素:html和body。 代码实现: html, body { height: 100%; ...


在具体场景中,我们可能想要将一个元素伸展到窗口高度,基本元素的调整只能调整容器的大小,因此要使一个元素伸展到窗口高度,我们需要伸展顶层元素:html和body。


代码实现:


html,

body {

    height: 100%;

}


然后将100%应用到任何元素的高即可。



div {

    height: 100%;

}



本文转载于php 中文网:https://www.php.cn/css-tutorial-456946.html
5f23d321a8f3b411.jpg

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

粉丝 阅读169 回复0
上一篇:
css中的display属性有哪些值?各有什么作用?发布时间:2020-08-09
下一篇:
CSS实用的那些技巧:伪元素/伪类的妙用发布时间:2020-08-16

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )