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

相关推荐

  • 在交互设计过程中,你需要持续关注的五个问题

    认真对待交互设计过程中的每一个设计环节、每一个问题,是提高交互稿质量的基石。过程中的问题很多,需要我们持续关注并解决。

    2017年4月18日
    2.4K02
  • 运营行业相关词汇

    搜索引擎广告(SEA)Search Engine Advertising,广告主根据自己的产品或服务的内容、特点等,确定相关的关键词,撰写广告内容并自主定价投放的广告。当用户搜索到广告主投放的关键词时,相应的广告就会展示 信息流广告也称“原生广告”,与内容混排在一起,又称“最不像广告的广告”、“长得最像内容的广告”,一般如不留意在它们周围出现的“推广”、“广…

    产品运营 2020年7月2日
    35200
  • 一支视频全网播放量超1亿,知识类创作成为流量香饽饽?

    2020年,对知识区的布局成为各大视频平台内容战略的一大重点。 抖音、快手凭借短视频持续收割流量,并利用自己庞大的用户基础,积极开拓知识内容领域,获得不俗成绩。但这篇文章,卡思数据(ID:caasdata6)主要研究的是以B站、西瓜视频和知乎为代表的平台,这些平台视频时长多在1分钟-30分钟之间,他们为何要扎堆布局知识科普类内容领域?有何发展重点?在内容创作…

    产品运营 2020年11月12日
    36000
  • jquery选项卡切换源码

    用jquery做选项卡且带有动画效果  

    产品运营 2018年4月21日
    54700
  • 别让你的付费社群,变成普通微信群

    知识付费时代,不少人愿意用钱来快速的获取知识,于是出现了许多的付费社群。然而随之也衍生了不少割韭菜的现象,大家纷纷感慨:怎么进了付费群还是学不到东西呢?你有没有遇到这种困扰?来看看本文作者的分析吧。 今天来和各位聊聊,为什么你加入了社群总有一种后悔甚至是割韭菜的感觉。 一、纯粹割韭菜社群 其实付费社群本身就是一个产品,而产品就有高中低不同的档次之分,也有正品…

    产品运营 2021年2月20日
    45100

发表回复

登录后才能评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

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

关注微信