Jquery中文网 www.jquerycn.cn
Jquery中文网 >  CSS教程  >  经典实例  >  正文 解决css中父div高度不随子div高度变化的方法

解决css中父div高度不随子div高度变化的方法

发布时间:2020-05-10   编辑:www.jquerycn.cn
jquery中文网为您提供解决css中父div高度不随子div高度变化的方法等资源,欢迎您收藏本站,我们将为您提供最新的解决css中父div高度不随子div高度变化的方法资源
在我们布局的时候经常会遇到一种情况就是一个div下面放了两个div,这两个div使用了float浮动后,父层div的高度不跟着两个子div的高度变化,始终是一个字符的高度。
问题截图:\'解决css中父div高度不随子div高度变化的方法\'
造成这种情况的原因是两个子div使用了float浮动属性,解决方法有两种:
1、给复层div加overflow:auto;属性即可,效果截图:
\'解决css中父div高度不随子div高度变化的方法\'
2、新建一个.clear{ clear:both}类,在kid2div下面加入<div class="clear"></div>清除一下浮动即可:
\'解决css中父div高度不随子div高度变化的方法\'

您可能感兴趣的文章:
解决css中父div高度不随子div高度变化的方法
css子级用float浮动而父级div没高度不能自适应高度
解决子级用css float浮动而父级div没高度不能自适应高度
IE6,IE7 DIV固定高度的技巧
嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案
css div设定最小高度又自适应高度
css float父元素自适应高度无效解决办法
jquery tabs的tab中 div的高度如何设置
JS获取屏幕、浏览器窗口大小、网页高度宽度的方法详解
ie6 position约对定位错位解决办法

[关闭]