zoukankan      html  css  js  c++  java
  • 利用overflow:hide清除“浮动”

    浮动之所以加引号,是因为不是真的“浮动”,暂时找不到合适的词。

    准确表达,是一个容器,假如里面的元素是position:absolute的,或其它浮动情况,这个容器的就会坍塌,即高度不会包含浮动的元素的高度,

    以前很多人用的方法是加一个块级元素,然后让其clear:left,或者一个<br clear='both' />这样就会流动到浮动元素下面,而其父元素因为要把它包住,自然就把浮动元素包住了。这一直没有问题。

    事实上,假如父元素的style里有overflow:hide的话,它的高度是不会坍塌的,试试吧。你需要做的,就是看overflow会不会被子元素继承,免得有些东西看不见了。不过其实假如overflow:hide没有和white-space:nowrap一起用的话,过长的内容会自动折行的,并不会消失不见。

  • 相关阅读:
    在线思维导图、UML
    SpringBoot定时任务
    SpringBoot邮件发送
    SpringBoot执行异步任务
    banner.txt
    SpringBoot Swagger3.0配置
    SpringBoot durid监控配置
    SpringBoot使用Shiro
    页面LOADING效果
    vue 阻止el-radio事件冒泡
  • 原文地址:https://www.cnblogs.com/walkerwang/p/1763876.html
Copyright © 2011-2022 走看看