-1

こんにちは、ネットでフォームのスライドを上下に動かすチュートリアルを見つけました。

唯一の問題は、左側にあることです。右に配置したい。

DEMOへのリンクはこちら

チュートリアルのコードは次のとおりです

.feedback {
  position: fixed;
  left: 0;
  bottom: 0;
}

.feedback a {
   display: block;
   height: 20px;
   width: 100px;
   text-align: center;
   background: red;
   border: 2px solid #fff;
   outline: 1px solid #a1a1a1;
   padding: 5px;
   float: left;
   cursor: pointer;
   color: #FFF;
   font-weight: bold;
   font-size: 18px;
}

left:0そして、 toright:0とfloat:lefttoを変えてみましたfloat:right

実際に Firefox で動作します。しかし、クロムでテストすると、フォームが壊れて右に遠くに移動します...

助けて、ありがとう！

4

1 に答える 1

2

left:0forを変更するだけright:0でうまくいくはずです。あなたがクロムで提供した例でテストしました。結果のクラス スタイルは次のとおりです。

.feedback {
    position: absolute;
    right: 0;
    bottom: 0;
}

アップデート

フォームを非表示にして再度表示しようとすると、以前のソリューションが失敗することに気付きました。それを解決するには：

.feedback {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 482px;  /*changed*/
}

.feedback a {
    display: block;
    height: 20px;
    width: 100px;
    text-align: center;
    background: #F00;
    border: 2px solid #FFF;
    outline: 1px solid #A1A1A1;
    padding: 5px;
    float: right;   /*changed*/
    cursor: pointer;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
}
于 2013-09-25T10:08:17.220 に答える