0

css で要素を作成し、メイン コンテンツから一定の間隔で配置したいと考えています。

例えば：-

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
    width: 924px;
    height: 580px;
}

現在、メインコンテンツから一定の距離を保ち、右側に配置する必要がある画像を作成しています。

すなわち。ウィンドウのサイズに関係なく、常にメイン コンテンツから 100px と言います:-

    .NewElement {
    width: 78px;
    height: 70px;
    position: fixed;
    bottom: 550px;
    right: .main.width() + 100px;  <--- how do I represent this??
    display: none;
    text-indent: -9999px;
    background: url('../xxx.png') no-repeat;
    background-color: #000;
}

右: .main.width() + 100px; <--- どうすればこれを正しく表現できるでしょうか??

4

2 に答える 2

2

「メイン」DIV 内に「NewElement」を配置し (これらが DIV であると仮定)、margin-left:100px を設定して、常にそのメイン DIV に対して相対的になるようにします。

<div class="main">
    <div class="NewElement"></div>
</div>

これがフィドルです。

于 2013-11-12T18:48:16.397 に答える
0

これを行うには、javascript または jquery を使用する必要があります。

var width = $('.main').css('width');
$('.NewElement').css('width',width+100);
于 2013-11-12T18:47:12.987 に答える