Question

我希望将内容li放在2列中，并希望在float:right;中使用fieldset，但此float会在显示列中产生问题。如何使用float:right，这个问题可以解决吗？

ol#hi{
    -o-column-count: 2;
    -icab-column-count: 2;
    -khtml-column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 3;
    -o-column-rule: 1px solid black;
    -moz-column-rule: 1px solid black;
    -webkit-column-rule: 1px solid black;
    column-rule: 1px solid black;
}
fieldset {
    background-color: #EEF3F7;
    position: relative;
    float: right;           /*problem is this line*/
    direction: rtl;
    border-radius: 5px;
    border: 1px solid #EAEAEA;
    margin: 10px 5px 0 0;
    display:inline;
}


<fieldset>
    <legend>
    hi </legend>
    <div class="find_input mediumCell">
        <div class="column">
            <ol id="hi">
                <li>Hello</li>
                <li>how</li>
                <li>what</li>
                <li>Normalized</li>
                <li>Mootools </li>
                <li>CSS</li>
                <li>attributes </li>
                <li>More </li>
                <li>Library</li>
                <li>Choose </li>
                <li>Please </li>
                <li>Framework</li>
            </ol>
        </div>
    </div>
</fieldset>

Answer 1

您可以通过将width:100%;（或您想要的字段集宽度）添加到字段集样式来修复它

示例：http://jsfiddle.net/DyU9S/1/

<强>更新

发生这种情况的原因：

您已将字段集显示设置为inline，因此字段集将仅增长到您告诉它的宽度，或者它可以占用的最小空间量。如果您希望它增长到100％，请显示block或inline-block。除此之外，选择你想要的字段集的宽度，它将是那个宽度。

问题浮动：右边是多列布局？

1 个答案: