资讯专栏INFORMATION COLUMN

css之div未知高度,剩余div铺满整个屏幕

UnixAgain / 2758人阅读

摘要:当我们不知道为的中内容有多高的时候,但是需要让铺满剩余屏幕的时候,需要将变为弹性盒,具体代码如下这样就可以了

title1
title2
title3

当我们不知道class为title的div中内容有多高的时候,但是需要让article铺满剩余屏幕的时候,需要将content变为弹性盒,具体代码如下

.content{
display: flex;
flex-direction:column;
}
#article{
flex: 1
}

这样就可以了

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/103443.html

相关文章

  • cssdiv未知高度剩余div铺满整个屏幕

    摘要:当我们不知道为的中内容有多高的时候,但是需要让铺满剩余屏幕的时候,需要将变为弹性盒,具体代码如下这样就可以了 title1 title2 title3 ...

    yintaolaowanzi 评论0 收藏0
  • 一个div分上下两部分,上部分高度不固定,下面部分自动填满剩余高度

    摘要:自动填满剩余高度正常情况自上而下放要放的东西就行了,但是现在有一个需求是这样的,头部国定,下面的东西会很多要有滚动条我之前都是头部固定,给一个就行了但是现在又有一个恶心的需求,整个背景一样,而会有一些文字,而且没有背景,这样滚动的话会从文 div自动填满剩余高度 html 正常情况自上而下放要放的东西就行了,但是现在有一个需求是这样的,头部国定,下面的东西会很多...

    刘玉平 评论0 收藏0
  • 一个div分上下两部分,上部分高度不固定,下面部分自动填满剩余高度

    摘要:自动填满剩余高度正常情况自上而下放要放的东西就行了,但是现在有一个需求是这样的,头部国定,下面的东西会很多要有滚动条我之前都是头部固定,给一个就行了但是现在又有一个恶心的需求,整个背景一样,而会有一些文字,而且没有背景,这样滚动的话会从文 div自动填满剩余高度 html 正常情况自上而下放要放的东西就行了,但是现在有一个需求是这样的,头部国定,下面的东西会很多...

    xiangchaobin 评论0 收藏0
  • CSS3原生支持div铺满浏览器的方法

    摘要:一般我们需要设置一个与浏览器等高并等宽充满全屏,然后设置背景图片来达到一个高大上的排版效果。以前为了达到这样的等高效果,一般通过来获取当前浏览器高度然后动态设置的,有时候还需要不断地检测浏览器事件来不断调整的。 一般我们需要设置一个div与浏览器等高并等宽充满全屏,然后设置背景图片来达到一个高大上的排版效果。具体的例子看下面的图片演示: showImg(https://segmentf...

    浠ラ箍 评论0 收藏0

发表评论

0条评论

UnixAgain

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<