Css 如何使div内联？

我用的是包装纸，但我很困惑。我希望两个

resultbox

div

s与

submit

div

保持一致

请看这里：

我做错了什么

---

我不太熟悉CSS。

要使

div

内联，您应该使用以下CSS样式：

.mydiv{ display: inline; }

---

注意：更改包装的宽度（使其变小），您将看到结果

结果框的宽度总和超过包装的宽度。您需要使包装器更宽或减少结果框上的宽度

为什么在resultbox div中有submit div？ 为什么左边的边距是：10px，只有第一个div

我会这样做：

<div id="wrapper">
<div class="resultbox"></div>
<div class="resultbox"></div>
<div id="submit"></div>
</div>

---

设置包装的宽度和高度，让其他div浮动。这只是一个漫长的过程，并不完全确定你想要完成什么。我只是觉得你的嵌套不好。

部分问题在于你的HTML有问题。这是一个开始：

确保所有

div

s均已关闭

从css中删除

float

s

添加

显示：内联块

从HTML中删除内联样式

将

.wrapper

类更正为

.wrapper1

（与HTML匹配）

所以，我想这是你想要的：

.wrapper1 {
    height:70px;
    width: 800px;
    background: #ffffff;
    border: 1px solid grey;
    color: #BDBDBD;
}

.resultbox {
    width: 300px;
    background: #ffffff;
    color: #BDBDBD;
    display: inline-block;
}

.submit {
    height:15px;
    width: 32px;
    margin-top:10px;
    background: #ffffff;
    border: 1px solid;
    color: #BDBDBD;
    display: inline-block;

}

还有HTML

<div class="wrapper1">
    <div class="resultbox" style="" >
        <div class="locationresult" style=""  form action="weezyresults.php" method="post">
            <input type="text" name="search"  size="36" value="" style="" />
        </div>    
    </div>

    <div class="resultbox" style="" >
        <div class="locationresult" style=""  form action="weezyresults.php" method="post">
            <input type="text" name="search"  size="36" value="" style="" />
        </div>    
    </div>

    <div class="resultbox" style="width:35px;" >
       <div class="submit"></div>
    </div>    

</div>

示例：

---

你仍然需要摆弄它。但这只是一个开始。

您提供的代码有几个问题

• 您已经为类包装器定义了css规则，但在html中使用了类包装器1
• 类包装没有足够的宽度容纳两个结果框和提交
• 第二个结果框中有额外的引号
• 表单标记的格式不正确，并且与div标记交织在一起
• 表单标记未关闭
• locationresult div标记未关闭
• 浮标需要清理

这是一把小提琴

---

您的小提琴中的HTML已损坏。试试这个！