问题截图：
造成这种情况的原因是两个子div使用了float浮动属性，解决方法有两种：
1、给复层div加overflow:auto;属性即可，效果截图：
2、新建一个.clear{ clear:both}类，在kid2div下面加入<div class="clear"></div>清除一下浮动即可：
时间： 2024-12-04 07:10:32
解决css中父div高度不随子div高度变化的方法
解决css中父div高度不随子div高度变化的方法的相关文章
解决css中display:inline-block中间的空白间隙
1.display:inline-block 让一个元素具有"区块元素"的属性(可以设置width和height),又具有"内联元素"的属性(不产生换行). 2.IE中的inline-block IE6不支持这个属性,但IE8开始支持这个属性. 让IE6内联元素具备inline-block特性 由于inline-block会触发IE的layout,所以IE6中只要设置{display:inline-block;}即可. 让IE6区块元素具备inline-block属
嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案
解决 <div id="parent"> <div id="content"> </div></div> 当Content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展. 解决方案 当Content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展. 解决方案 <div id="parent">
父DIV的高度不能根据子DIV自动变化的解决方案
解决 <div id="parent"><div id="content"> </div></div> 当Content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展. 解决方案:<div id="parent"> <div id="content"></div> <div style=&q
解决CSS float 父层定义的颜色无法显示方法
代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Fixed Width Layout - Oute
父div高度不能自适应子div高度的解决方案_CSS/HTML
复制代码 代码如下: <div id="parent"><div id="content"> </div></div> 当content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展.解决方案如下: 复制代码 代码如下: <div id="parent"> <div id="content"></div
解决css中inline-block元素之间有空白问题解决办法
代码如下 复制代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <style type="text/css"> * { margin: 0; padding: 0; }
解决CSS中 display 与 visibility 的区别_基础教程
span为内联/inline元素,给他宽度赋值是没有效果的. span为内联/inline元素,给他宽度赋值100px+float:right;可以看到有了宽度. 这个li被定义为内联/inline,设置宽度没有效果 test test 这个li被定义为内联/inline+float:left,设置宽度有效果 test test
解决css和js的{}与smarty定界符冲突问题的两种方法_javascript技巧
当输入url地址后网页出现:Fatal error: Uncaught exception 'SmartyCompilerException' with message 'Syntax Error in template "E:\wamp\www\cms\system/templates/index.html" on line 79 "$("#job").load("./system/templates/touch/test.php",
使用CSS中的meta实现web定时刷新或跳转的方法
meta源信息功能之页面定时跳转与刷新 几乎所有的网页头部都有<meta>源信息.除了我们常用的定义编码.关键字(name="keywords").描述(name="description")(for SEO),还可以定义视区大小.缩放比例等(for 移动端),如下: CSS Code复制内容到剪贴板 <meta name="viewport" content="width=device-width,initial-s