javascript - 请问为什么div放在td中left不起作用？
本文介绍了javascript - 请问为什么div放在td中left不起作用？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
<style type="text/css">
.a{
width: 50px;
height: 50px;
background: red;
}
table{
border-collapse: collapse;
position: relative;
}
td{
width: 50px;
height: 50px;
border:1px solid;
}
</style>
</head>
<body>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td><div class="a" style="left:5![图片描述][1]0px; top: 50px;"></div></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<script type="text/javascript">
var div = document.getElementsByTagName('div')[0];
div.style.left = '20px';
document.write(div.style.left);
</script>
解决方案
css中的top、right、left、bottom都要结合position使用的，并且父类中有也要有position属性。
这篇关于javascript - 请问为什么div放在td中left不起作用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
