div里ul li浮动之后父容器高度不能自动增加的解决方法
来源:互联网 发布:制作证书的软件 编辑:程序博客网 时间:2024/05/17 04:21
之前在Github上fork了一个题目,按照流程图来制作一个电商网站…但是遇到点问题
如果一个Div内的Ul,li元素浮动的话,这个DIV的高度是没办法被正常的撑起来(显示高度为0)
下图一共4个div,我给每个div设置了1px灰色的border-bottom。但是一预览发现border叠在了一起,说明div高度为0
这个问题出现的原因是因为在一个区块内的元素被应用了float之后,那么整个box的高度对就不以被浮动对象的高度为标准了。
解决的方法也十分简单,在父元素设置属性overflow:auto; zoom:1; 即可 overflow:auto;是让高度自适应, zoom:1;是为了兼容IE6。
这样问题就解决了…嘛,一点没什么水平的碎碎念,暂时先存在这里。
0 0
- div里ul li浮动之后父容器高度不能自动增加的解决方法
- ul li浮动之后父容器高度不能自动增加的解决方法
- div或li float之后父容器高度不能自动增加的解决办法
- li浮动引起ul高度坍陷的解决方法
- li浮动引起ul高度坍陷的解决方法
- DIV浮动后父DIV高度自动失效解决方案
- 子元素浮动后父元素自适应高度,ul->li标签设定宽高后overflow无效,li标签里面的内容多出内容会换行
- li浮动、ul自适应高度
- css子元素浮动之后父级的高度为0的解决方法
- div ul li 嵌套后如何解决增加多个li后ul高度自适应问题
- 子元素float之后父级div不能被撑开(清浮动)的解决
- 【前端】浮动后父容器高度自适应
- div ul li自动适应高度float:left
- 子DIV浮动(float)后父DIV高度自动失效解决方案
- 子DIV浮动(float)后父DIV高度自动失效解决方案
- li浮动时ul高度为0,解决ul自适应高度的几种方法
- li浮动时ul高度为0,解决ul自适应高度的几种方法
- li浮动时ul高度为0,解决ul自适应高度的几种方法
- int string 的相互转换
- 内容提供者 Content Provider - 创建
- 玩转 H5 下拉上滑动效
- 渲染世界的OPENGL<9>GLSL编程-单位着色器
- Java那些掌握的基础
- div里ul li浮动之后父容器高度不能自动增加的解决方法
- Manacher's ALGORITHM: O(n)时间求字符串的最长回文子串
- 关于循环赛日程表(1到2的n次方个人)的分治算法实现
- Java Socket编程之UDP协议简单介绍
- Codeforces714C【映射】
- Ceph专题一 Ceph架构详细分析
- 用flask开发个人博客(1)—— 一个简单的flask程序
- mac修改用户名,用户主目录名
- 第一个只出现一次的字符