子元素使用float后使父元素有高度的方法
2015-08-29 17:27
197 查看
</pre><p style="font-family:'Microsoft Yahei'; font-size:14px; line-height:22.3999996185303px">一般我们会这样写HTML代码:</p><p style="font-family:'Microsoft Yahei'; font-size:14px; line-height:22.3999996185303px"><pre name="code" class="html"><div> <div style="float:left;">test</div> </div>这样往往使得父级DIV没有高度,一般我们可以通过以下几种方法使得父级DIV也有高度:
1、给父级DIV也加上float;
2、给父级DIV加上height;
3、在子级DIV后面加上<div style="clear:both;"></div>,即清除浮动。
上面的方法中,可能第三种用的多一点(至少我是这样的),昨天发现原来还有一个更简单的方法,就是给父元素加上overflow:hidden;属性,代码如下:
<div style="overflow:hidden;">
<divstyle="float:left;">test</div>
</div>
转自:小虾虎鱼博客
原文链接:http://www.xiaoboy.com/detail/1341545045.html
相关文章推荐
- 代码格式化工具 sourceInsight editplus ultraedit keil
- 44_02 nginx
- 求二叉树中两个节点的最低公共祖先
- Scala 深入浅出实战经典 第68讲:Scala并发编程原生线程Actor、Cass Class下的消息传递和偏函数实战解析
- 小而精,小而美的一款开源的迷你框架Underscore.js
- 编写一个程序,将a.txt文件中的单词与b.txt文件中的单词交替合并到c.txt文件中,a.txt文件中的单词用回车符分隔,b.txt文件中用回车或空格进行分隔。
- 循环-01. 求整数段和(15)
- POJ 3162 - Walking Race(树形DP)
- Windows 2003密码重置
- Java集合类详解
- 1235:统计同成绩学生人数
- C源码@数据结构与算法->DisjointSet
- Apache与Tomcat
- 安装go语言
- C 面试题选(一)
- 计算广告学介绍
- bzoj-1488 图的同构
- 实例详解机器学习如何解决问题 转
- python 类和对象的属性
- Xcode 常用