0

私は以下の構造を持っています

<div class="mybox">
<div id="imageslide">
    <a href=""><img src="url" /></a>
</div>
</div>

位置が固定され、左:300px; 300px の後に左側から開始することを意味し、mybox div の幅を画面の残りのスペースに合わせたいと考えています。したがって、JavaScript を使用して画像をその div に収める #imageslide に 100% を使用できます。

まとめて、myboxまたはimageslideのいずれかを300px以降の左から開始し、画面の残りの幅に収まるようにし、それに応じて画像もコンテナに収まるようにします。

アップデート：

含まれる画像の幅と高さは、親 div #imageslide の 100% であるため、CSS でオーバーライドできません。cssで試すために追加されたmybox divを削除できます。css を試しましたが、うまくいきません。

サイトURLです---------------- http://saltaa.com/

ここで設定したいホームページの大きなスライダーは、左のメニュー列の後に開始され、画像が幅と高さの画面サイズに合わせて収まるようにする方法です。

それは本当に奇妙です。解決策を見つけるのを手伝ってくれる人なぜ彼/彼女が答えを削除したのかわかりません.彼/彼女が私に反対票を投じたのかもしれません. 変です。少なくとも、彼/彼女は、回答を受け入れるよりも私のファイルをチェックすることを許可してくれます。

4

2 に答える 2

2

これは機能するはずです：

div.mybox {
    position:absolute;
    left: 300px;
    width:100%;
    height:100%;
}

#imageslide {
    left: 300px;
    width:100%;
    height:100%;
}

img {
    left: 300px;
    width:100%;
    height:100%;
}
于 2012-06-17T12:17:47.430 に答える
2

これを試して：

.mybox {
   position: absolute;
   left: 30px;
}

var w = $(window).width() - 30;
$('.mybox').css("width", w)

http://jsfiddle.net/X5PPP/1/

于 2012-06-17T12:34:16.093 に答える