Question

我想把这两个值放在一起（并排），如下图所示，但我不知道它是怎么回事？请参阅我的尝试演示，（我希望不用更改css和类名，只需使用cjange html并在元素中使用样式完成它）

图片： http://i.stack.imgur.com/v8FIn.gif

Answer 1

您的html结构不正确。它有两个不同的行，而不是一行中的两个div。

这是代码：

<link rel="stylesheet" type="text/css" href="http://www.neginph.com/style.css"/>

<fieldset>
    <div class="find_input">
        <div class="rediuses column" id="residence_name" style="float: none; -webkit-column-count: 0; -webkit-column-rule-width: 0px; -webkit-column-rule-style: initial; -webkit-column-rule-color: initial; display: block; height:40px; width:500px;">
            <div class="list_units" style="background-color: #E2EBF1; width:200px;">
                <div class="auto_box" style="float:left; width:90px; margin-right:10px;">
                    <b class="search_hotel" style="background-color: #ffffff;"><span><b>12121112</b></span></b>
                </div>
                <div class="auto_box">
                   <b class="search_hotel" style="background-color: #ffffff; width:90px;"><span><b>12121112</b></span></b>
                </div>
            </div>
        </div>
    </div>
</fieldset>

Answer 2

在float: left;班级的css中使用.column。

将两列并排放置

2 个答案: