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


本文摘自PHP中文网,作者V,侵删。

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

(推荐教程:css快速入门)

代码实现:

1

2

3

4

html,

body {

    height: 100%;

}

(视频教程推荐:css视频教程)

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

1

2

3

div {

    height: 100%;

}

以上就是如何伸展一个元素到窗口高度的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html如何用超链接打开新窗口时控制其属性

怎样撑起浮动父元素的高度

css中隐藏元素的方法有哪些?有什么区别?

什么是html元素?浅谈元素的语法规则

css如何垂直对齐容器中的元素

jquery怎么判断元素是否在数组中

浅谈html5新增及移除的元素

html元素的显示优先级是什么

在html中怎样让flash不遮挡div元素

数组filter对数组元素进行过滤的方法

更多相关阅读请进入《元素》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...