1、首先我们新建一个测试项目然后新建一个index.html、basic.js和basic.css文件。
2、js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码如图所示。
3、运行之后我们看到两个div的高度是一样的 接下来我们就使用js修改高度。
4、这时我们敲js中的代码 获取div1的id 使用css属性对应的style属性然后设置高度 如图所示。
5、使用js修改CSS文件中的div的height的值 HTML文件中的代码。
6、然后我们是在js文件中获取div1的id属性 然后使用obj.style.cssTest来修改嵌入式的css。
7、然后运行项目之后 两次结果都是一样的 div的高度改变了 。
1楼的，有本事你把把他修复好。没本事，还来这骂人。没让你回答怎么着。以后别上百度知道，你这是在侮辱所有参与百度知道的人。根据你的问题，很明显是div不能自动适用高度。通俗的将，就是外层div不能包含内层的元素。
先说说为什么会出现这个现象？
因为内层div全设置了浮动，也就是float属性，元素一旦浮动，就不会占用元素空间。就会出现，外层div不能包含内层元素的现象
解决方法：
方法1：
在内层元素的最后面加入一个元素，并且设置这个元素不浮动，强制使外层元素包裹内层元素如<div
style="clear:bothfloat:none"></div>
方法2：设置外层元素css属性overfloat为hidden或者auto，zoom设置为1，设置zoom是为了兼容ie6
方法3：设置外层元素高度为一个固定值（不建议这么做，不过这是最完美的解决方法）
方法4：通过css的content属性，这个有点复杂，我就不说了，反正很少人用这个
最后，在问一句，1楼的你是人吗？
还有一条，把所有不参与浮动的外层元素，加上clear:both，强制清除浮动
