0

HTMLページスライダーを作成しようとしているので、コンテナーdivがあり、外側に座っています。左側に前のアイコンがあり、右側に次のアイコンがあります。

私の問題は、ウィンドウのサイズを小さい画面に変更すると、アイコンがコンテナの中央に移動し、サイズを変更したときに常にコンテナの外側に固定された位置にとどまるようにすることです。

私のコンテナコード：-

width: 960px;
margin: 0 auto;
clear: both;
overflow: hidden;
min-height: 449px;

次と前のコード：

a.vehicleSliderLeft {background: url('../img/slider_arrow_left.png'); 
             width: 55px; height: 112px; left: 270px; background-position:0px; 
             background-repeat: no-repeat; position: fixed; top: 420px;}    

a.vehicleSliderRight {background: url('../img/slider_arrow_right.png'); 
             width: 55px; height: 112px; right: 270px; background-position:0px; 
             background-repeat: no-repeat; position: fixed; top: 420px;}

何か案は？乾杯

4

3 に答える 3

1

次のようなことを試してください。

.container{
    width: auto;
    margin: 0 auto;
    clear: none;
}

a.vehicleSliderLeft {
    float: left;
}    

a.vehicleSliderRight {
    float: right;
}

フィドル： http： //jsfiddle.net/EhdkP/1/

于 2012-12-03T16:00:54.187 に答える
1

position: relativeメインコンテナを指定してから、矢印要素をコンテナ内に配置する必要がありますposition: absolute。

right: x , left: x , top: x , bottom: x.これにより、xが任意の数値またはパーセンテージである場合に、ページ上の両方の矢印を配置する場所を操作できます。

jsFiddle： http: //jsfiddle.net/LZG3R/3/

出典：10ステップでCSSの位置を学ぶ

于 2012-12-03T16:03:40.513 に答える
0

メインdiv内では、各要素を個別のdivに保持して、各divの位置を指定し、幅をパーセンテージで指定できます。

于 2012-12-03T15:36:06.497 に答える