0

とセットと値divsとして配置された2つを作成しようとしていますfixedleftbottom

<div id='div1'>test1</div>
<div id='div2'>test2</div>

これらのdivを中央に並べてほしい

_________________________________________



              ____    ____
             |____|  |____|

_________________________________________

私のcssは次のとおりです

div#div1{
    position: fixed;
    display: block;
    bottom: 48px;
    left: 35%;
    width: 200px;
    height: 300px;
    background-color:grey;
    background-repeat: repeat-x;
    text-align: center;
    z-index: 500;
}
div#div2{
    position: fixed;
    display: block;
    bottom: 48px;
    left: 55%;
    width: 200px;
    height: 300px;
    background-color:grey;
    background-repeat: repeat-x;
    text-align: center;
    z-index: 500;
}

fixedユーザーがスクロールしても同じ位置に留まりたいので、これらも配置する必要があります。

私の問題は、ブラウザの幅を変更したり、別の画面に変更したりすると、 からleftまでの距離を同じに保つことができないことです。div

だからそれは好きかもしれません

___________________________________


        ____      ____
       |____|    |____|

___________________________________

画面が小さい場合。

誰でもこれを解決するのを手伝ってもらえますか? 本当にありがとう！

4

1 に答える 1

1

あなたはこれを試すことができます：

<div class="wrapper">
  <div id="div1"></div>
  <div id="div2"></div>
</div>

そしてcss：

 .wrapper{
  margin:0 auto;
  position:fixed;
  left:50%;
  margin-left:-250px;
  bottom:48px;
  width:500px;
}


div#div1{
 float:left;
 display: block;
 width: 200px;
 height: 300px;
 background-color:grey;
 background-repeat: repeat-x;
 text-align: center;
 z-index: 500;
}

div#div2{
 float:right;
 width: 200px;
 height: 300px;
 background-color:grey;
 background-repeat: repeat-x;
 text-align: center;
 z-index: 500;
}
于 2013-03-15T18:55:47.903 に答える