关于DIV布局，div高度随内容增加而增加的问题？

给div设定宽度，高度不写，或写成height:auto;就可以了，这样div的高度就是随内容而增加的。
有两种情况div是不会自动增加的：
一、div容器里有position:absolute;绝对定位的标签，这种要把那个决定定位的标签的高度设定。
二、div容器里有float的标签，这种要清除浮动才行。

可以通过js实现两个div自适应同等高度，如下：
先设置div+css 基本布局：
<div id="mm">
<div id="mm1">左边</div>
<div id="mm2">右边</div>
</div>
js 实现 div 自适应高度
代码如下：
<script type="text/javascript">
<!--
windowonload=windowonresize=funct {
if documentgetElementByIdx_x "mm2" clientHeight<documentgetElementByIdx_x "mm1" clientHeight {
documentgetElementByIdx_x "mm2" styleheight=documentgetElementByIdx_x "mm1" offsetHeight+"px";
}
else{
documentgetElementByIdx_x "mm1" styleheight=documentgetElementByIdx_x "mm2" offsetHeight+"px";
}
}
-->
</script>

获取屏幕的宽度和高度然后计算出你控件的大小，然后只进去就行了，，，如果全屏显示就设置LayoutParamsMATCH_PARENT如果自适应就设置LayoutParamsWRAP_CONTENT
int width = getScreenWidth/2;
int height = getScreenHeight/2;
imageView]setLayoutParams(new LayoutParams(width, height));
全屏
imageView]setLayoutParams(new LayoutParams(LayoutParamsMATCH_PARENT, LayoutParamsMATCH_PARENT));
自适应
imageView]setLayoutParams(new LayoutParams(LayoutParamsWRAP_CONTENT, LayoutParamsWRAP_CONTENT));
public int getScreenWidth() {
WindowManager wm = (WindowManager) sInstance
getSystemService(ContextWINDOW_SERVICE);
Display display = wmgetDefaultDisplay();
return displaygetWidth();
}

一允许网页宽度自动调整："自适应网页设计"到底是怎么做到的？

其实并不难。首先，在网页代码的头部，加入一行viewport元标签。

<metaname="viewport"content="width=device-width,initial-scale=1"/>

二不使用绝对宽度由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。

三相对大小的字体字体也不能使用绝对大小（px），而只能使用相对大小（em）。

四流动布局（fluidgrid）"流动布局"的含义是，各个区块的位置都是浮动的，不是固定不变的。

main{float:right;width:70%;}leftBar{float:left;width:25%;}

五的自适应（fluidimage）除了布局和文本，"自适应网页设计"还必须实现的自动缩放。

六、此外，企业借助建站宝盒搭建一个响应式网站就可以适应所有设备屏幕了，其中包括电脑、手机、Ipad等。

---