width的auto

<div style=" height:40px; background-image:url(1.gif); background-position:5px 4px; background-repeat: no-repeat; background-color:#FFF2E9; padding:0px 5px 0px 22px; line-height:24px; vertical-align:middle; border:1px solid #FF6600; display: inline">wwwffffffffffw</div>
加上display: inline后可以控制了
但是ff下div的高度却不能控制了  郁闷
这个该怎么解决了???

解决方案 »

  1.   

    1.在div中套一个表格(td的宽度决定div的宽度)
    2.用js事件处理
      

  2.   

    用纯div+css的方法控制噢
    加表格 js 这个都不是好方法噢
      

  3.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>测试</title>
    <style type="text/css">
    div{display:inline-block;}
    div{*display:inline;}
    </style>
    </head><body>
    <div style="height:54px; background-image:url(1.gif); background-position:5px 4px; background-repeat: no-repeat; background-color:#FFF2E9; padding:0px 5px 0px 22px; line-height:24px; vertical-align:middle; border:1px solid #FF6600;">ww33333wffffffffffw</div>
    </body>
    </html>
    对于非IE浏览器，使用display:inline-block就可以了，但IE烂，没办法，要在设置display:inline-block后再设置display:inline处理一下，注意要分为两次设置，并且让它只对IE起作用。
    如果没理解错题意的话，应该是你要的效果吧。
    顺祝各位圣诞快乐！