CSS DIV高度不确定如何设置高度

CSS DIV高度不确定如何设置高度,是否需要加上height:auto属性?

在CSS布局中,常常最外层的DIV盒子不能确定具体的height高度值,不确定内容是否可多可少而不能确定父级盒子究竟设置多高。此时一般新手喜欢设置个height:auto(高度自适应)样式。

这里DIVCSS5可以告诉大家,一般最外层的DIV盒子,或不确定内容(子级)占用多高时,此时对此父级DIV不需要设置height:auto,因为默认情况下普通标签比如(div、span、h1、p、h2等标签)默认高度值都是自适应(auto)。所以无需设置高度。

小结:一般情况下最外层、大盒子、不知道内容多少而无法确定高度的此类对应样式都不需要设置高度,因为设置后,如果内容多了,会溢出、内容少了预留空白就多了。

什么时候需要设置高度?

1、最小局部。

一般较小的局部布局,需要设置高度固定其结构,此时需要设置具体高度。

2、需要限高

有时布局左右结构要想左右结构对齐情况下,需要对DIV设置高度,一般情况下此时避免内容太多超出限制高度需要设置CSS隐藏溢出内容处理。

主题测试文章,只做测试使用。发布者:小屋,转转请注明出处:http://www.rumenwu.com/operate/544.html

(0)
小屋的头像小屋
上一篇 2018年3月13日 下午3:23
下一篇 2018年3月15日 上午12:39

相关推荐

  • 纯Css Tab选项卡

    很多人对于js比较无奈,在网上下载的效果,调试过程中总会遇到一些问题,所以很多人渴望有css能实现简单的tab选项卡的效果,下面分享给大家的就是纯css,比较实用,希望能帮到大家。

    产品运营 2018年6月20日
    30100
  • 短视频社区内容如何做好冷启动?

    短视频社区是由内容所主导的。各家产品间工具模块的差别并不显著,做到内容的差异化,才是形成社区调性的根本。而所谓调性,则可以理解为“社区群众,在特定场景下,对同好内容的集体偏爱”。   时间回到两年前的那个春天,抖音强势登顶App Store下载量榜单并多次蝉联。行业老大哥快手坐拥数亿用户,开始面对外界对其增长乏力的质疑。 仿佛一夜之间,大街小巷都是…

    产品运营 2020年3月16日
    29300
  • 视频号管理助手,批量管理多个账号,一键分发全平台

    视频号管理助手,批量管理多个账号,一键分发全平台 现在无论个人还是机构企业,为了获得更多流量,都会注册开通搜狐号、网易等10多个自媒体平台,如果你分发图文,15个平台保底1小时。如果你只分发视频,15个平台至少需要2个小时同时还得上传分发都成功,达到想要的后,会发现内容全网发布,除了麻烦就是麻烦,如果你招聘了员工,那么更头疼。下面小编教你轻松解决这些琐事。 …

    2022年7月19日
    54100
  • 抖音 VS 快手:品牌自播实用方法论

    2021年,直播电商的关键词,从“红人带货”秒变为“品牌自播”,这其中,有平台的推动,有品牌的自觉,有服务商等第三方机构的助力,也有标杆品牌的示范和引导作用。 当在新流量平台自播成为了品牌必考题,且通过自播实现月销千万甚至过亿的品牌案例不断增加,我们有必要再来做个简单复盘:在抖音、快手,玩儿得好的自播品牌,到底都掌握了什么样的运营秘笈? 一、抖音:精细化流量…

    产品运营 2021年4月20日
    27700
  • WordPress网站HTTPS配置教程 WordPress如何启用HTTPS

    随着HTTPS的不断普及,越来越多的网站开启了HTTPS,给网站加上了小绿锁标识,作为全球知名的建站系统,WordPress对于HTTPS的兼容性是非常好的,几乎不用任何修改,只需要服务器配置好证书即可使用https链接访问。但是经常有用户反馈开启了以后地址栏没有绿色的锁(chrome浏览器),下面简单介绍下配置教程。 以下配置教程是基于已经在服务器配置好S…

    产品运营 2018年4月15日
    45200

发表回复

登录后才能评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信