css+div布局,左右两个div怎么能自动适应高度

html-css019

css+div布局,左右两个div怎么能自动适应高度,第1张

可以通过js实现两个div自适应同等高度,如下:

先设置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>