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

相关推荐

  • 一支视频全网播放量超1亿,知识类创作成为流量香饽饽?

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

    产品运营 2020年11月12日
    42100
  • WordPress网站HTTPS配置教程 WordPress如何启用HTTPS

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

    产品运营 2018年4月15日
    59900
  • 纯Css Tab选项卡

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

    产品运营 2018年6月20日
    40000
  • 一个中老年 App 里的情欲、玄学和“砍一刀”

    继“抓住 00 后”之后,各大 App 抢占“不惑后”——40 岁以上的中老年群体。 2021 年 9 月,微信上线“关怀模式”,与正常模式相比,微信关怀模式对老年群体更友好:文字更大更清晰,色彩更强更好辨认,按钮更大更易用。去年年底,小红书还申请注册了商标“老红书”,想要抓住这一群体。 不是每个中老年人都有钱,但比起正打工的社畜年轻人,至少他们更有时间。 …

    产品运营 2022年9月17日
    43000
  • 为什么div css网页在Firefox浏览器中不能水平居中

    为什么div css网页在FF浏览器中不能水平居中呢?为什么在其它浏览器中网页居中,在火狐浏览器FF中网页不能布局居中解决方法。 FF下面设置容器的左右外补丁为auto就可以了。 在DIVCSS5网站中介绍过很多次网页布局居中的条件,也是为了最大限度兼容各大浏览器。 条件一:对body加 text-align:center内容居中; 条件二:对需要居中的最外…

    产品运营 2018年3月15日
    51300

发表回复

登录后才能评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

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

关注微信