你有没有遇到过这种情况，做网站时需要用float属性来安排几张图片，却发现图片跑到了原来的框子外面，父级div标签根本没有自动适应图片的高度？
前两天我刚好与遇到了这样蛋疼的事情，经过一番研究找到了解决方案，在这里与大家分享～
使用前：
使用后：
下面是解决方案～
本文章由经典老宋创作，转载请注明来源：C次元
- 强制定义父级高度
在父级div的css里加上height:高度;即可
如果你知道内部元素的高度的话可以使用这种方法，但是这样无法响应移动端的布局，在其他浏览器上也可能会出现灾难性的布局错误。- 使用css clear使div自适应高度
在父级对象的</div>前添加这样一行代码即可解决：
<div style=”clear:both”></div>
此法简单易行，就是要注意添加的位置是在父级div内部结尾处，否则还可能会出现自适应问题。- 使用overflow使div自适应高度
只需在父级的css里添加overflow:hidden;即可，更加简便，十分推荐。
有木有觉得很简单呢～亲自尝试一下吧～～
近期评论