1

メニューをまったく移動せずにメニューの右側にライブチャットボタンを配置しようとしています..メニュー内に配置すると、メニューはそれをアイテムとして使用しようとし、上に配置するとメニューを下に移動します。下に配置すると、パディングを使用しても正しく配置されません。

周りの他の要素に影響を与えずにページ上の要素を自由に移動する方法を誰か教えてもらえますか (つまり、それらを移動します)

CSS

/*===== header =====*/ 
#header .row-1 { height:110px; background:#0d0d0d; } 
#header .row-1 .logo { position:relative; margin-right: 55px; padding:0px 0 0 0; float:left; } 
#header .nav { float:right; } 
#header .nav li { } 
#header .nav li a { color:#727171; text-decoration:none; } 
#header .nav li a:hover, 
#header .nav li a.current { color:#fff; }
4

5 に答える 5

5

特定の要素で使用position:absoluteすることで、それを達成できます。

例:

 .chat{
     position:absolute;
     right: 0px;
     z-index: 9999;
     width: xyz;
     height: xyz;
  }
于 2012-07-12T07:04:41.783 に答える
1

正確なコードを知らなくても、そのような人がうまくいくと思います:

外側のコンテナーを相対位置に設定します。これで、移動せずに他のすべてのアイテムの上にある絶対ボタンを持つアイテムを挿入できるようになりました。

于 2012-07-12T07:05:00.373 に答える
1

その要素の z-index を大きくすると、ページ内の他のレイヤーの上に配置され、他の要素の上を自由に移動できるようになります。

于 2012-07-12T07:06:54.693 に答える
1

ちょっと今、あなたはこのように配置するために使用することができます

あなたのメインメニューのdiv idは相対的な位置に与えます

そして、このようにチャットID位置絶対に与えます

CSS

    .nav{
    position:relative;
    }


.chat{
position:absolute;
right:-20px;
z-index:999;
width:xxx;
height:xxx;
}

HTML

<div class="nav">

<div class="chat">
// your chat code here 
</div>
</div>
于 2012-07-12T07:04:39.830 に答える
0

メニューの上に配置してから、メニューで負のマージンを使用してみてください。

于 2012-07-12T07:29:40.520 に答える