美文网首页
使用float 高度坍塌解决办法

使用float 高度坍塌解决办法

作者: 灵魂旅者s | 来源:发表于2019-08-02 11:51 被阅读0次

问题:因为是列表展示的页面,想要上拉查看多的部分,

效果展示;

使用了 float:left 来让块级元素实现并排,但是一个问题出现了,页面并不能实现上拉功能,高度坍塌

解决办法:既然是高度坍塌了 那就回复高度, 

1: 父级元素设置 万能的   owerflow:auto 

高科技的w3c

这样就可以查看底部未显示出来的内容了

2: 既然是为了让块级元素并排,那就改变块级元素本身定义也是可以的 display:inline-block

高科技的w3c

让块级元素变为行内块级元素即可,也可以愉快的查看剩余未显示的部分了

相关文章

  • 使用float 高度坍塌解决办法

    问题:因为是列表展示的页面,想要上拉查看多的部分, 效果展示; 使用了 float:left 来让块级元素实现并排...

  • 高度塌陷-清除浮动

    float布局会脱离文档流,对页面的布局造成影响,比如造成父级的高度坍塌(父元素自身没有高度,由子元素高度撑开,当...

  • 高度塌陷、清除浮动、元素垂直居中

    高度塌陷: 定义:父元素没有设置高度,子元素设置了浮动(float)属性解决办法:清除浮动(仅清除浮动的负面影响,...

  • 子元素浮动导致父元素高度不够问题的解决方案

    1.子元素浮动导致父元素高度(父元素坍塌) 未设置高度的父元素中,如果有子元素浮动(float),由于子元素不占据...

  • 浮动(float)块元素水平居中

    设置float属性的div,会脱离正常文档流,自身变成block,易造成“父元素高度坍塌”,因此父元素必须设置he...

  • 高度坍塌

    高度塌陷发生的场景 当父元素的高度由内容撑开,子元素浮动后(脱离文档流)子元素浮动后,父元素识别不了子元素的...

  • UILabel frame高度是小数问题

    如果高度是float如28.23123, 小数点后面有很多位,在设置圆角的时候,有的地方会有黑色边框。解决办法就是...

  • 清除浮动(详解)

    经常会说没有清除浮动的话就会导致高度坍塌,啥是高度坍塌呢?1.什么是高度坍塌?简单来说就是包含有浮动元素的上一级元...

  • ie浏览器float right 向下错位解决办法

    ie浏览器float right 向下错位解决办法 ie360 浏览器float right 向下错位解决办法 s...

  • float 高度自适应

    使用float之后,高度无法自适应, 解决方法(1) 单独加一个clear:both的div放在最后一个float...

网友评论

      本文标题:使用float 高度坍塌解决办法

      本文链接:https://www.haomeiwen.com/subject/mgzkdctx.html