顶部边缘的Css问题

我已经创建了以下div及其定义。顶部边缘的Css问题

<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 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 感谢我所有的朋友为你很大的帮助。

来源

2013-06-23 manuthalasseril

究竟是什么它是你要完成？ –

我想适合search-type-div包含在search-keys-container div中。现在搜索类型div的上边距向上 – manuthalasseril

作为第一点，我认为你对所有这些固定的高度和宽度都非常严格。你有没有你期望的结果的图像？ –

DEMO

尝试改变类喜欢这里：

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

来源

2013-06-23 14:40:42 rkpasia

哦，它的工作.....谢谢@Riccardo感谢我的上帝，也为所有帮助我快速回复我的好人民 – manuthalasseril

尝试添加padding:0.01px至.search-keys-container。它不会有任何视觉效果，但它会导致利润率不会像这样崩溃。

来源

2013-06-23 14:24:23

感谢您的快速回复。我现在尝试。但没有结果... – manuthalasseril

试试这个，让我知道，如果这是你想要的。

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

这使它下降，仍然保持您的利润率。

来源

2013-06-23 14:41:39

谢谢@Lloan唉 – manuthalasseril

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

.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

来源

2013-06-23 14:47:17

它也工作谢谢@juan您的答复。我不知道我的规则有什么问题... – manuthalasseril

顶部边缘的Css问题

回答

相关问题