0

Web ページのどこかにボタンを配置したいのですが、ウィンドウのサイズを変更するとボタンが移動します。

CSSは次のとおりです。

    .btn-success{
        position: absolute;
        left: 37%;
        bottom: 20%;
    {

および HTML:

    <button class="btn btn-success btn-large">Buy now!</button>

これを防ぐにはどうすればよいですか？他に投稿できることがあれば、お知らせください。ありがとう。

4

2 に答える 2

1

prodigitalson が提案したように、パーセントは使用しないでください。私の経験に基づくと、パーセンテージを使用すると、さまざまな画面解像度を変更すると Web デザインが台無しになります。代わりに固定の幅または高さ (.px または .em を使用) を使用してください。私のウェブサイトではmargin: 0 auto;、中央に配置するために使用しており、固定の高さと幅を使用しているため、どの画面解像度でもウェブ デザインは影響を受けません。これは、画面解像度の問題を回避するのに役立つガイドです。CSS を使用して Web サイトを中央に配置する方法。

于 2013-06-14T02:21:19.480 に答える
0

このボタンは、HTML のコンテンツ コンテナーにネストされていると思います。このコンテナに max-width または width が設定されていると仮定すると、このコンテナの css に対して position: を追加できます。

ボタンは、相対位置または絶対位置を持つ最初の親に関連して配置されることを知っておく必要があります。

于 2013-06-14T02:14:57.723 に答える