3

私のナビゲーションバー（たとえば940px）には3つのdivが含まれています：

  • メニューを含む左揃え (自動サイズ変更) の 1 つ
  • ロゴを含む 1 つの右揃え (定義されたサイズ、たとえば 100px)
  • 左右の div に固執する必要がある input[type="text"] を含むもの (自動サイズ変更)

各 div には異なる背景/不透明度があり、それらの間に重複があってはなりません。

彼は私が必要とするものについての絵です:

+------------------+-------------------------------------------+-----------------+
|       MENU       |      INPUT TYPE TEXT (width: 100%)        |       LOGO      |
+------------------+-------------------------------------------+-----------------+

それを行う方法についてのアイデアはありますか？前もって感謝します。

4

4 に答える 4

0

このフィドルをチェックして、 3つのdivと1つのコンテナを作成しました。それが役に立てば幸い。

body
{
    margin: 0px;
    padding: 0px;
}

.container
{
    width: 100%;
    height: 200px;
}

.left
{
    width: 50px;
    height: 200px;
    background: green;
    float: left;
}

.center
{
    width: 68%;
    height: 200px;
    background: blue;
    float: left;

}

.right
{
    width: 50px;
    height: 200px;
    background: yellow;
    float: left;
}
于 2013-08-10T20:35:16.507 に答える