Question

我创建了以下div及其定义。

<div class="serach-container">
  <div class="search-keys-container">
    <div class="search-type"> </div>
    <div class="basic-search-keys-container"> </div>
    <div class="advance-search-keys-container"></div>
  </div>
  <div class="search-result-container"></div>
</div>

.search-type{
    height:20px;
    width:auto;
    margin:5px 10px;
    background-color:#4000A0;
}

jsfiddle

但不幸的是，类搜索类型的最高利润率上升。我尝试通过调整边距等等。但没有找到结果。没有边距就可以了。但我想要利润。

编辑：

我不知道为什么利润率不高。无论如何，在搜索类型 div之前，另一个解决方案是另一个div 错误纠正，即

<div class="serach-container">
  <div class="search-keys-container">
     <div class="error-correct"></div>
     <div class="search-type">/div>
     <div class="basic-search-keys-container"></div>
     <div class="advance-search-keys-container"></div>
  </div>
  <div class="search-result-container">
  </div>
</div>

.search-type{
  height:20px;
  width:auto;
  margin:0px 10px 5px 10px;
  background-color:#4000A0;
}
.error-correct{
  width:100%;
  height:5px;
}

jsfiddle 感谢所有朋友的大力帮助。

Answer 1

<强> DEMO

尝试像这里更改那个类：

.search-type{
height:50px;
width:90%;
margin:0px auto;
background-color:yellow;
}

Answer 2

试试这个并告诉我这是否是你想要的。

.search-type{
    height:20px;
    width:auto;
    margin:5px 10px 0 10px;
    background-color:#4000A0;
}

这使它降下来仍然保持你的利润。

Answer 3

正如我在评论中所说，你的尺码定义有点过于严格...... 但要解决您的问题，您应该这样做：

.search-result-container{
    height:100%;
    width:100%;
    background-color: #0000FF;
    padding-top: 5px;
}

.search-type{
    height:20px;
    width:auto;
    margin: 0 10px 5px 10px;
    background-color:#4000A0;
}

对我来说，这看起来像是一个错误或其他东西，因为没有对父项应用保证金，而是正文标记。

此外，您在第一个容器serach

中有一个小错字

Answer 4

尝试将padding:0.01px添加到.search-keys-container。它没有任何视觉效果，但它会导致边缘不会像这样崩溃。

最高保证金的Css问题

4 个答案: