0

ボタン自体の個々の幅が画面サイズに応じて調整されるように、ツールバーに 4 つのボタンを追加したい (最終的には PoP 入力の後)。ただし、ボタン自体は 1 行に残ります。つまり、ツールバーがページの幅全体を占めます。また、ボタンの上にカーソルを置いたときに特定のテキストを表示する方法を知りたいです。助けてください...

    <body style="background-size: 100% auto;color: white;font-size: 126%">

    <input type="date" id="date" placeholder="mm/dd/yy">Date</input>
    <input type="number"  placeholder="00">Fs</input>
    <input type="number"  placeholder="00">PoP</input>

    </body>
4

1 に答える 1

0

パーセンテージを使用する必要があります。

HTML を参照してください。

<div class="block one"></div>
<div class="block two"></div>
<div class="block three"></div>
<div class="block four"></div>

今、CSS:

.block {
    width: 25%;
    height: 30px;
    float: left;
}

.block.one {
    background-color: red;
}

.block.two {
    background-color: green;
}

.block.three {
    background-color: orange;
}

.block.four {
    background-color: magenta;
}

再生するには、ここをクリックして CodePen にアクセスします。

于 2013-07-08T11:12:41.857 に答える