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高度变化的方法\'

您可能感兴趣的文章:
JS获取屏幕、浏览器窗口大小、网页高度宽度的方法详解
jquery tabs的tab中 div的高度如何设置
JS 获取浏览器和屏幕宽高等信息 方法详解
JS获取浏览器窗口大小与网页高宽
js 获取浏览器与屏幕宽高信息
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
jquery easyui滚动条部分设置介绍
基于jquery的跟随屏幕滚动代码
手机浏览器图片自适应高度问题解决办法
解析jquery获取父窗口的元素

[关闭]