1.我们首先创建一个新的测试项目，然后创建一个新的index.html、basic.js和basic.css文件。
2.js修改文件中的样式中值div以修改div高度。文件中的文件代码如图所示。
3.我们看到3运行后两个div的高度是一样的..然后我们用js修改高度。
4.我们点击js中的代码，使用属性对应的样式属性获取div1id，然后设置高度如图所示。
5.使用js修改CSS文件中的div的height的值HTML文件中的代码。
6.我们得到js文件中的div1id属性，并使用obj.style.cssTest修改嵌入的css。
7.运行项目后，两个结果是相同的div高度改变。
宽度和高度不要同时设置，只需要设置一个，另一个就会自动按照图片的原始比例进行缩放，从而使图片不会发生变形。如果情形比较复杂，比如预先不知道图片是宽大于高还是高大于宽，又想把图片控制在某个范围内（比如正方形），就要结合JavaScript脚本才能实现了（网上大把代码，自己百度）。或者也可以把图片搞成背景图，然后利用css3的background-size属性来让图片保持原始比例，这样就无需借助js，缺点就是浏览器必须支持css3只能让图片看起来像是100和150
指定div的宽度，然后用百分比设置图片的宽：
div{overflow:hiddenwidth:400px
}
div img{
width:50%
}
