頂部邊緣的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問題

回答

相關問題