子DIV浮动(float)后父DIV高度自动失效解决方案
来源:互联网 发布:淘宝售后客服术语大全 编辑:程序博客网 时间:2024/06/05 01:12
如下所示,子元素div2 本身具有高度和宽度,但由于其具有float:left属性后,其父元素div1不具有高度。
<html>
<head>
</head>
<body>
<div id="div1">
<div id="div2" style="width:100px;height:20px;background:red;float:left;"></div>
</div>
</body>
</html>
当然我们可以直接给div1设置固定高度来解决。另外一种解决办法是给父元素div1设置overflow:auto或者overflow:hidden属性。如下所示:
<html>
<head>
</head>
<body>
<div style="overflow:hidden;">
<div style="width:100px;height:20px;background:red;float:left;"></div>
</div>
</body>
</html>
阅读全文
0 0
- 子DIV浮动(float)后父DIV高度自动失效解决方案
- 子DIV浮动(float)后父DIV高度自动失效解决方案
- DIV浮动后父DIV高度自动失效解决方案
- div嵌套子标签浮动后父标签自动撑开样式
- CSS子div设置float后父级div无法自适应高度的问题解决方法
- 【解决方案】子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
- 子元素float之后父级div不能被撑开(清浮动)的解决
- 子标签DIV使用浮动布局(float),父标签DIV如何自适应高度
- div里ul li浮动之后父容器高度不能自动增加的解决方法
- div或li float之后父容器高度不能自动增加的解决办法
- 子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
- 子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度
- 子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度
- 子元素用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
- DIV设置float后高度不自动增加 - 解决方案
- 解决子元素用css float浮动后父级元素高度自适应高度
- 利用overflow属性解决子元素float浮动后父级元素高度无法自适应的问题
- 子元素float后父元素丢失高度
- 【MyBatis学习09】高级映射之一对多查询
- 团队协作开发的最佳实践--Git Flow
- C++之迭代器(Iterator)篇
- 理解'*','*args','**','**kwargs'
- basic Python 1(syntax&strings&dastetime)
- 子DIV浮动(float)后父DIV高度自动失效解决方案
- 《慕课网玩转算法面试》笔记及习题解答5.4.~5.6
- ijkplayer详解使用教程
- 51 nod oj 1189 素因子分解+逆元
- python3.5及numpy库的安装
- Linux读取文件到jsoncpp
- HAProxy7层模型下强大的ACL规则用法
- pip
- Android实现APP版本升级