HTML与CSS小技巧
1,当table中td为空时,IE6中将不显示border;即<td style=border:1px solid #000></td> 这个border是没有效果的;
解决方法:
<style>
table {border-collapse:collapse;}
td {empty-cells:show;}
</style>
2,左右栏的一栏固定宽度,另一栏自适应100%:
html:
<div id=m>
<div id=l></div><div id=r></div><div class=c></div>
</div>css:
#m {width:100%;}
#l {with:190px; float:left;}
#r {margin-left:190px;}
.c {clear:both;}
3,左右栏高度一致,代码如:\
<div id=m>
<div id=l></div><div id=r></div><div></div>
</div>
方法一:为<div id=m>添加背景图片;
方法二:js解决,代码如下:
<script type=”text/javascript”>
window.onload=window.onresize=function(){
if(document.getElementById(“r”).clientHeight<document.getElementById(“l”).clientHeight){
document.getElementById(“r”).style.height=document.getElementById(“l”).offsetHeight+”px”;
}
else{
document.getElementById(“l”).style.height=document.getElementById(“r”).offsetHeight+”px”;
}
}
</script>
最新评论