首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在div(width:auto)中使用div(width:auto)

在div(width:auto)中使用div(width:auto)
EN

Stack Overflow用户
提问于 2011-11-17 18:48:14
回答 1查看 1.8K关注 0票数 0

嗨,伙计们,我和width:auto的一些div有点问题。

下面是HTML:

代码语言:javascript
运行
复制
<div class="greenMenu">
    <div class="btn">
        <img src="img/image.png" width="57" height="46" />
        <div class="area">
            <div class="txt">A Lorem ipsum</div>
        </div>
    </div>

    <div class="btn">
        <img src="img/image.png" width="57" height="46" />
        <div class="area">
            <div class="txt">A Lorem ipsum</div>
        </div>
    </div>
</div>

和CSS:

代码语言:javascript
运行
复制
.greenMenu {
    position:absolute; 
    top:83px; 
    left:220px; 
    width:auto; 
    height:47px; 
    background:url(../img/prod-uova-ripMenu.png) left top repeat;
}

.greenMenu .btn {
    background:#090; 
    float:left; 
    margin-top:1px; 
    margin-left:6px; 
    *display:inline; 
    _display:inline; 
    width:auto; 
    height:43px; 
    position:relative;
}

.greenMenu .btn img {
    border:none; 
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index:2;
}

.greenMenu .btn .area {
    background:#53882d; 
    width:auto; 
    height:32px; 
    position:absolute; 
    top:5px; 
    left:0px; 
    z-index:1;
}

.greenMenu .btn .area .txt {
    float:left; 
    margin:7px 13px 0 60px;
}

问题是:greenMenu不能扩展其宽度,同时div.btn宽度为0。

EN

回答 1

Stack Overflow用户

发布于 2011-11-17 19:27:59

不要在这里使用以下代码:

代码语言:javascript
运行
复制
 position: absolute;
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8165852

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档