设置span的宽度为其父容器(div)宽度-20该怎么做

<div id="div1">
<span style="width:expression(document.getElementById(div1').width-20);padding-left:3px;">
aaa</span>
<span width=20>bb</span>
</div>
怎么不管用啊

解决方案 »

  1.   

    改成<div id="div1"> 
    <span style="width:expression(eval((document.getElementById(div1').width-20));padding-left:3px;"> 
    aaa </span> 
    <span width=20>bb </span> 
    </div> 
      

  2.   

    用table不就解决了 
    <table style="width:100%;border:solid 1px red" cellspacing="0" cellpadding="0">
    <tr>
    <td style="border:solid 1px blue">left</td>
    <td style="border:solid 1px green;width:20px">20px</td>
    </tr>
    </table>
      

  3.   

    document.getElementById('div1').offsetWidth-20
      

  4.   

    span这样的元素默认dispaly是内联的。是没有宽度的，如果要设置其宽度可以将
    <span style="width:expression(document.getElementById(div1').width-20);padding-left:3px;display:block;">
    aaa </span>
    设置display:block;
    尝试下。
      

  5.   

    <body>
    <div id="div1"> 
    <span style="width:expression(document.getElementById('div1').offsetWidth-20);padding-left:3px;>aaa</span> 
    <span width=20>bb </span> 
    </div> </body>
      

  6.   

    奇怪，好像用offsetwidth和eval都可以，不知分别是什么原理
      

  7.   

    还有，，设置zIndex还有没有对应的offset吧
      

  8.   

    设置另一个层在它下面，这样写也不起作用啊
    z-index:expression(document.getElementById('div1').zIndex-1)