0

だから私はこれを持っています：

  <style>
    div {
      position: absolute;
      top: 15px;
      width: 500px;
      background-color: lightblue;
    }

  </style>
  <div>
    <input type="submit" style="float: left" value="leftButton">
    <input type="submit" style="float: right" value="rightButton">

  </div>

絶対配置ボタンバー

私が欲しいもの: ユーザーがウィンドウのサイズを変更して 500px よりも小さくした場合、スクロールバーを追加するのではなく、ボタン同士を近づける必要があります。これはどういうわけか可能ですか？

4

2 に答える 2

2

パーセンテージで指定された幅を使用します。

width: 80%;

必要に応じて、これを次のものと組み合わせることができます。

min-width: 30px;

ユーザーのサイズが小さすぎて div のアイテムに収まらない場合をカバーするため。

柔軟なボタン幅が必要な場合は、表のセルがパーセンテージを使用して指定されている表の行に配置するだけです。次に、ユーザーが幅を調整するとサイズが変更されます。ここでも、最小幅やパディングなどと組み合わせて、適切な間隔を保つことができます。例えば。

<table style="width:90%;">
    <tr>
        <td style="width:10%;"></td>
        <td style="width:80%;"></td>
        <td style="width:10%;"></td>
    </tr>
</table>
于 2012-11-06T17:03:46.883 に答える
1

編集：

解決策があります！

width: 70%;
max-width: 500px;

これにより、バーがウィンドウの幅に合わせて調整されますが、500px を超えることはありません。(オプションで、最小幅も追加します)

于 2012-11-06T17:02:49.323 に答える