先设置div+css 基本布局:
<div id="mm">
<div id="mm1">左边</div>
<div id="mm2">右边</div>
</div>
js 实现 div 自适应高度
代码如下:
<script type="text/javascript">
<!--
window.onload=window.onresize=funct {
if document.getElementByIdx_x "mm2" .clientHeight<document.getElementByIdx_x "mm1" .clientHeight {
document.getElementByIdx_x "mm2" .style.height=document.getElementByIdx_x "mm1" .offsetHeight+"px"
}
else{
document.getElementByIdx_x "mm1" .style.height=document.getElementByIdx_x "mm2" .offsetHeight+"px"
}
}
-->
</script>
在div标签内设置上边距style="margin-top:10px",将div{margin:auto}放到head里面。这是因为css有优先性,写在标签内的css有最高优先级。
通过使用下面四个单独的属性,分别设置左、右内边距:
padding-right
padding-left
例:这就是调整表格内容与边的边距。
<style type="text/css">td <!--表格标签td-->
{
padding-left: 10%
padding-right: 10%
}
</style>