0

これはCSSのトリッキーなことの1つです

ナビゲーションバーには 4 つの要素があり、そのうちの 3 つを 1 つの美しい検索ボックスに結合したいと考えています。アイデアは、すべての検索ボックスの高さ、配置、頬ごとに同じにすることです。一方、リンクは適切に配置する必要があります。

私はそれをすべて試しましたが、1 つのナビゲーターでは機能しますが、2 つのナビゲーターでは機能しません。これは問題ありません。

html の例を次に示します。

<a href="#" id="btn-category">Comprar por Categoría ▼&lt;/a>
<select>
 <option>a</option>
 <option>b</option>
</select>
<input type="text">
<input type="submit">

そしてベースCSS：

#btn-category{
 font-size: 8pt;
 display: inline-block;
 width: 80px;
}

input, select{
 border: 1px solid #ccc;
 padding: 5px;
 font-size: 10pt;
 height: 30px;
}

select{
 font-size: 8pt;
}

ここにフィドルがありますhttp://jsfiddle.net/Q7Ge4/1/

明確にするために、それは検索ボックスの要素の高さについてです... eBayの検索ボックスのようなものです

4

2 に答える 2