Question

我正在开发一个小的PHP脚本。但是我在使用这个css代码时遇到了一个问题：

.wrapper{
    width:200px;
}
.lisser, .limen{
    float:right;
}
.lisser{
    width:80px;
}
.clear{
clear: both;
}

这是html代码：

<div class="wrapper">
    <div class="limen">
        piupipoi piupipoi piupipoi piupipoi piupipoi piupipoi piupipoi piupipoi
    </div>
    <div class="lisser">
        psdoiusd
    </div>
    <div class="clear"></div>
</div>

问题在于我希望limen div自动更改其宽度而不在其班级上添加宽度参数。

Answer 1

.wrapper {
    width:auto;
}
.lisser, .limen {
    float:right;
}
.lisser {
    width:auto;
}
.clear {
    clear: both;
}

Answer 2

<div class="wrapper">
    <div class="limen" style="width:100%">
        piupipoi piupipoi piupipoi piupipoi piupipoi piupipoi piupipoi piupipoi
    </div>
    <div class="lisser">
        psdoiusd
    </div>
    <div class="clear"></div>
</div>

如果你使用css样式width:100%，你可以让 limen div自动更改他的宽度。当你说“自动更改”

时，这就是我的意思

通过使用width:100%，您要求组件获取其父组件的整个宽度（或最大可能）

Div自动宽度问题

2 个答案: