-1

少しばかげた質問かもしれませんが、私のように CSS の経験がほとんどない人にとっては、それほど簡単ではありません。問題は、プロジェクトにログインの例を実装しようとしていることです。もちろん、css、パスなどを構成する必要があります。

問題は、次の手順を持つログイン パネルを構成することです。

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

これにより、変形したすべてのアプリケーションのすべてのボックスが作成されます。どうすればこれを解決できますか? 呼び出される div に名前を付けようとし、名前を*この div に変更しました。しかし、何もしていません。誰かが私を助けることができますか？

echo '<div class="container">           
            <section class="main">
            <form class="form-1" id="login" method="post">
            <p class="field">
                <input type="text" name="login" id="username" placeholder="Nº Funcionario">
                <i class="icon-user icon-large"></i>
            </p>
                <p class="field">
                <input type="password" name="password" id="password" placeholder="Senha">
                <i class="icon-lock icon-large"></i>
            </p>
            <p class="submit">
                <button type="submit" value="Login" id="loginme" name="submit">
                <i class="icon-arrow-right icon-large"></i></button>
            </p>
            </form>
            </section></div>';
4

2 に答える 2

0

すべての要素の幅が標準のボックス モデルを使用して計算されている場合、これをその上にドロップすることはできません。両方とも多くの要素*をカバーしています。div1 つの要素が必要な場合はbox-sizing: border-box、その要素に対してのみ指定します。

div.foo,
div.foo:after,
div.foo:before {
    /* ... */
}
于 2013-01-29T18:39:03.633 に答える
0

ボーダーボックスを使用しないことをお勧めします。

デフォルトでは、要素の幅は次のように計算されます。

width = 幅プロパティの設定 + パディング + ボーダー幅

ボーダーボックスは、幅が異なる方法で計算されることを意味します。パディングボックスのようなボックスのサイズ設定には他のプロパティもあります。

tldr remove all this. これは、特定の問題に対する迅速で醜い修正を探している誰かによって含まれている可能性があります。

また、ボックスのサイズ変更は多くのブラウザーでサポートされていませんが、幅はすべてのブラウザーでサポートされています。あなたはそれを使用して大きな問題を抱えているに違いありません。

于 2013-01-29T17:56:58.480 に答える